从零开始搭建vue-node-webpack前端项目环境step7

至此，一个vue-node-webpack已经差不多算是完成了，现在最终的步骤就是回过头来，对先前的一些我们尚未做的配置做些补缺补漏。这里主要是按照webpack官网的一些配置作出补丁

1、你可能已经注意到，由于过去的指南和代码示例遗留下来，导致我们的 /dist 文件夹相当杂乱。webpack 会生成文件，然后将这些文件放置在 /dist 文件夹中，但是 webpack 无法追踪到哪些文件是实际在项目中用到的。

通常，在每次构建前清理 /dist 文件夹，是比较推荐的做法，因此只会生成用到的文件。让我们完成这个需求。

clean-webpack-plugin 是一个比较普及的管理插件，让我们安装和配置下。

2、

webpack.config.dev.js

webpack.config.prod.js

3、uglifyjs-webpack-plugin脚本压缩插件

4、img图片资源的loader

cnpm i url-loader file-loader -D

5、cnpm i babel-loader babel-core 

6、指定webpack插件的环境，不同的环境将会使用不同的代码