webpack2.*配置文件结构说明

先看package.json里的命令：

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config 
                build/webpack.dev.conf.js",  
    "build": "node build/build.js",
  },

1.本地启动开发环境

   最后使用的配置文件是

 build/webpack.dev.conf.js

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

build/build.js

即，开发环境和生产环境的配置是分开的；

3.那么查看开发环境的配置直接到build/webpack.dev.conf.js文件中，文件中通过配置process.env来配置开发环境相关路径

plugins: [
  new webpack.DefinePlugin({
     'process.env':require('../config/dev.env')
  })
]

同样在build/webpack.prod.conf.js文件中，也通过配置process.env来配置生产环境相关路径

plugins: [
   new webpack.DefinePlugin({
      'process.env':require('../config/prod.env')
   })
]

在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 （生产环境路径配置）