Webpack基础入门Watch模式、开发服务器、Babel、Clean插件、CSS/SCSS与HTML加载器配置
Webpack 的入门项目里，watch 模式和开发服务器的搭配是真的香。你保存代码，它自动打包刷新，连手动都省了，开发效率蹭蹭往上窜。
babel、clean-webpack-plugin这些东西也配得齐，基本常规操作都能覆盖。你写ES6+也好，async/await也行，babel 都能兜住。每次构建前自动清理dist目录，不用你操心。
CSS/SCSS 加载器样式也比较顺，写scss的时候加点嵌套、变量、mixin 都方便，转出来就是浏览器能识别的css。还顺带把html-loader配置好了，直接引用index.html也没问题。
npm run系列的脚本写得比较全，常见的build、start、watch都有。你要是嫌命令行麻烦，还能装个ntl，界面选脚本，轻松多了。
如果你刚上手 Webpack，想搞明白它怎么编译、怎么监听、怎么配加载器，那这套配置真的蛮适合。基础清晰，组件齐全，踩坑少，折腾起来也省心。
文件大小：444.19KB
评论区