webpack-dev-server

由於要使用webpack-dev-server變量因此須要全局和局部安裝。

打開瀏覽器，webpack-dev-server默認是iframe方式啓動。

用inline方式的話須要配置client：

'common'  : ['./src/page/common/index.js','webpack-dev-server/client?http://locahost:8088/'],

而後在命令行：

webpack-dev-server --inline --port 8088

訪問時若是出錯，多是沒有在output配置publicPath(訪問時的路徑，相對於url)

publicPath:'/dist'

可是把client配置打包進了common模塊，這樣對於線上環境沒什麼用。因此須要配置環境變量：

var WEBPACK_ENV         = process.env.WEBPACK_ENV || 'dev';

if('dev' === WEBPACK_ENV){
    config.entry.common.push('webpack-dev-server/client?http://localhost:8888/');
}

命令行簡化啓動方式須要在package.json裏配置：

"scripts": {  "dev": "WEBPACK_ENV=dev webpack-dev-server --inline --port 8888",  "dev_win": "set WEBPACK_ENV=dev && webpack-dev-server --inline --port 8888",  "dist": "WEBPACK_ENV=online webpack -p",  "dist_win": "set WEBPACK_ENV=online && webpack -p"},