webpack在项目中的常见配置

1、 配置兼容编译ES6转成ES5

用babel来编译，npm i babel-core babel-loader babel-preset-env babel-polyfill babel-plugin-transform-runtime --save-dev

2、配置跨域代理服务

用proxy进行代理，在devServer里面配置，proxy:{'/api':{target:代理的地址}}

3、配置打包路径

publicPath:'/'

4、配置打包出去文件

outputDir: 'dist'

5、配置执行环境变量

启动的端口  const port = process.env.port || process.env.npm_config_port || 9528