webpack 生产模式基础配置

webpack 生产模式基础配置

使用webpack我们在开发时我们需要的是精准的源代码映射和本地服务器的构建，而在运行过程中，则是注重于精准、轻

量级的资源，一便优化页面加载。就需要为每个环境添加单独的webpack.config.js配置。

虽然运行在不同的环境，但是webpack还是有些公用的配置，就需要资源融合。

首先安装：cnpm install --save-dev webpack-merge

重新构建webpack配置文件，目录如下：

环境配置如下：

重新设置npm命令，在package.js内设置

运行cnpm run dev 自动监听更改，用于开发阶段

运行cnpm run build 打包文件生成dist，用于生产阶段

如果build之后的文件包还是比较大，在webpack.build.js添加如下配置：

再次build后从network应该可以看到捆绑包的大小会明显变小