前言 近期对自己负责的项目进行优化，但 webpack 这块一直有着茫然的不熟悉，本着对 webpack 打包配置及项目优化的进一步理解和学习，所以记录下自己学习的流程，加深印象，有深入的理解后再进行补充。另外，对不同版本的 webpack（比如 webpack4 和 webpack5），在一些 ...

遥看套路挖掘机，不见当年老司机。this is a boilerplate1.新建一个项目目录文件夹，暂且叫seed 然后一直回车，最后yes，最终生成一个package.json文件 2.新建以下 src 　　文件夹用于存放js，css，img等源码和引用的静态文件 ...

随着业务发展和前端人员的增加，搭建一个通用框架以及制定统一规范就成了必然。对于选型这方面，一开始好像就没考虑其他框架，直接选了webpack。webpack的优点就不多说了，可扩展性，强大的npm插件库，说干就干。 基于公司基础以及业务限制，一口吃不成个胖子，没办法做成最理想的状态，也就 ...

前言 工欲善其事，必先利其器。为了更好的学习React，我们先简要的把开发环境搭建起来。本文主要介绍使用webpack搭建React项目，如果你对React或es6的基础语法还不了解，建议先去学习学习。 注 鉴于文章发布到现在已有一年之久，很多库版本也发生了很多变化，也导致 ...

前言 前面我们已经搭建了基础环境，现在将开发环境更完善一些。 devtool 在开发的过程，我们会经常调试，so，为了方便我们在chrome中调试源代码，需要更改webpack.config.js，然后启动webpack-dev-server。完成之后在chrome浏览器中打开 ...

前言 　　搭建好前文的开发环境，已经可以进行开发。然而实际的项目中，不同环境有着不同的构建需求。这里就将开发环境和生产环境的配置单独提取出来，并做一些简单的优化。 分离不同环境公有配置 　　不同环境虽然有不同的构建需求，但依然有相同的部分，这里将共同部分提取出来，单独配置 ...

webpack4发布以来，我写项目都是用脚手架，即使再简单的项目，真的是really shame。。虽然道听途说了很多 webpack4 的特性，却没有尝试过，因为它给人的感觉就是，em...很难。但是今天我从最简单的部分开始，一点点搭建起一个项目。 0配置，配置了什么 让我们 ...

1.先要有node.js环境，略~(https://www.cnblogs.com/jyughynj/p/11207114.html) 2.安装react脚手架，create-react-app 3.创建项目 cmd输入create-react-app project-name ...