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

1、先前我们成功的将我们的app.js打包编译成bundle.js，虽然成功了，但是在最后的结果里我们看到了出现了警告。webpack提醒我们就是mode，我们当前要编译压缩的环境是开发环境还是正式环境。

故此，在这里我们要开始正式的对于开发环境和正式环境做不同的配置

2、按照上图，我们可以在base.js里面设置mode(mode有两个值，分为‘development’和‘production’）为development即开发环境。不过这里先不设置，回顾上文，我们在build文件下有base,dev,prod三个文件，分别对应不同的环境。故此mode,我们应该在Dev，和prod两个文件里分别设置，而base存在公共的配置。

3、首先，base既然是公共的配置文件，那我们先对dev.js和prod.js两个文件引入base里面的内容。

如图，借用官网，安装webpack-merge工具包，对base,js配置内容进行合并，最终dev.js和prod.js两个文件的内容如下。大体相同，只不过多了mode,表明环境不同

4、最后，我们重新执行一下编译打包的命令，不过同样之前也要在这里设置开发环境和正式环境的打包。

5、最终如下，分别执行npm run dev和npm run build。都执行成功，并且也没有出现刚才的警告了