webpack2.*配置文件結構說明

先看package.json裏的命令：

1 "scripts": {
2     "dev": "webpack-dev-server --inline --progress --config 
3                 build/webpack.dev.conf.js",  
4     "build": "node build/build.js",
5   },

1.本地啓動開發環境

   最後使用的配置文件是

1  build/webpack.dev.conf.js

2.打包到生產的配置文件是

1 build/build.js

即，開發環境和生產環境的配置是分開的；

3.那麼查看開發環境的配置直接到build/webpack.dev.conf.js文件中，文件中通過配置process.env來配置開發環境相關路徑

1 plugins: [
2   new webpack.DefinePlugin({
3      'process.env':require('../config/dev.env')
4   })
5 ]

同樣在build/webpack.prod.conf.js文件中，也通過配置process.env來配置生產環境相關路徑

1 plugins: [
2    new webpack.DefinePlugin({
3       'process.env':require('../config/prod.env')
4    })
5 ]

在build/build.js中引入了build/webpack.prod.conf.js；

4.一般配置有build和config兩個文件夾，

build文件夾結構如下：

build/build.js

build/webpack.base.conf.js

build/webpack.dev.conf.js(會引入合併build/webpack.base.conf.js文件配置)

build/webpack.prod.conf.js(會引入合併build/webpack.base.conf.js文件配置)

conf文件夾結構如下：

conf/index.js(基礎配置，build中都會引入)

conf/dev.env.js（開發環境路徑配置）

conf/prod.env.js （生產環境路徑配置）