Webpack - 开发配置

参考：https://webpack.js.org/guides/development/
1：Webpack.config.js 加入

mode: 'development',

2: 使用source map

devtool: 'inline-source-map'

3: 使用webpack-dev-server
npm install --save-dev webpack-dev-server
webpack.config.js加入以下配置

devServer: {
   contentBase: './dist',
},

修改Package.json,script节点加入以下代码

"start": "webpack serve --open",

最后npm run start, 启动webpack-dev-server。 启动后，就可以实时看到代码变化体现在开发环境。 类似于gulp-watch.