webpack-dev-server

时间 2020-05-06

标签 webpack dev server 繁體版

原文原文链接

由于要使用webpack-dev-server变量因此须要全局和局部安装。webpack

打开浏览器，webpack-dev-server默认是iframe方式启动。web

用inline方式的话须要配置client：json

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

而后在命令行：浏览器

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

访问时若是出错，多是没有在output配置publicPath(访问时的路径，相对于url)webpack-dev-server

publicPath:'/dist'

可是把client配置打包进了common模块，这样对于线上环境没什么用。因此须要配置环境变量：url

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"},