webpack

打包 css 资源

参考文档：https://webpack.js.org/guides/asset-management/#loading-css http

打包图片资源

参考文档：https://webpack.js.org/guides/asset-management/#loading-images http

使用 html-webpack-plugin 处理 index.html

参考文档：https://webpack.js.org/guides/output-management/#setting-up-htmlwebpackplugin http

使用 clean-webpack-plugin 清除 dist 目录

参考文档：https://webpack.js.org/guides/output-management/#cleaning-up-the-dist-folder http

打包字体资源

参考文档：https://webpack.js.org/guides/asset-management/#loading-fonts http

打包 less 资源

参考文档：https://webpack.js.org/loaders/less-loader/ http

使用 url-loader 优化图片打包

参考文档：https://webpack.js.org/loaders/url-loader/ http

使用 babel-loader 转码 ES6 -> ES5

参考文档：https://webpack.js.org/loaders/babel-loader/ http

切换 mode 打包模式

参考文档：https://webpack.js.org/concepts/mode/ http production development

加入 source maps

参考文档：https://webpack.js.org/guides/development/#using-source-maps http devtool: ‘inline-source-map’

使用监视模式

参考文档：https://webpack.js.org/guides/development/#using-watch-mode http

加入 webpack-dev-server 服务器

参考文档：https://webpack.js.org/guides/development/#using-webpack-dev-server http

加入热更新功能

参考文档：https://webpack.js.org/guides/hot-module-replacement/ http