webpack-dev-server 有助于提高开发效率。由于修改后的文件在内存中进行编译,大大提高了效率,同时由于热更新的,使得调试更为方便
安装:
npm install --save-dev webpack-dev-server
devServer: {
// 指定加载内容的路径
contentBase: resolve(__dirname, 'dist'),
// 启用gzip压缩
compress: true,
//
port: 9200,
// 启动自动更新,要禁用hot
liveReload: true,
// 配置代理,解决接口跨域问题
proxy: {
// http://localhost:9200/api
'/api': {
// http://localhost:9200/api/users =》 http:///api.github.com/api/users
target: 'https://api.github.com',
// http://localhost:9200/api/users => // http:///api.github.com/users
pathRewrite: {
'^/api': ""
},
// 不能使用localhost:9200作为github的主机名
changeOrigin: true
}
}
},
target: 'web',