构建工具配置

为了便于进行多个项目webpack构建的管理，避免复制webpack.config.js，将构件配置文件抽离成一个npm模块，各项目进行引用

使用步骤

一、安装

npm install wp-conf --save

二、配置

在package.json中添加脚本

"scripts": {
  "front-build": "NODE_ENV=production  ./node_modules/webpack/bin/webpack.js --progress --config ./node_modules/wp-conf/prod.config.js",
  "front-dev": "node_modules/.bin/webpack-dev-server --hot --inline --config ./node_modules/wp-conf/dev.config.js"
}

三、项目个性化配置

在package.json中添加配置

"wp-conf": {
  "port": 9003,
  "publicPath": "/",
  "lib":"axios,mobx-react,mobx"
}

• port : 代表webpack-dev-server监听的端口
• publicPath : 代表打包发布时的publicPath
• lib代表添加进lib包的模块，默认已包含react','react-dom','react-router

四、项目目录结构

根目录
  |
  |--- src
  |     |--- index.js (入口文件 - 必须)
  |     |--- pages (页面文件夹 - 建议)
  |     |--- widget (共用模块文件夹 - 建议)
  |

done