webpack-boilerplate构建模板
Webpack 的工程模板用多了？不妨试试这个webpack-boilerplate，挺顺手的。内置了Babel和cssnext，现代语法写起来贼爽，旧浏览器兼容性也不用操心，写完就能跑，效率也高。
JavaScript 的构建流程交给 Webpack 来管，webpack.config.js配置也比较清晰，babel-loader、css-loader、file-loader这些常用器都预设好了，新项目直接开搞。
Babel是亮点，写let、async/await、箭头函数这些都没问题。Webpack 配合 Babel 编译，生成的bundle代码能兼容到老浏览器，调试也方便。
cssnext帮你提前体验下一代 CSS 语法，像:root里定义变量，选择器嵌套啥的都能用，它会转成普通的 CSS，还会自动加浏览器前缀，样式兼容性也妥妥的。
开发过程中，热模块替换（HMR）是个省心利器，改代码能实时看到效果，不用每次都刷新页面，写起来流畅。配合webpack-dev-server，体验更顺滑。
Source Maps也别忘了打开，调试的时候能直接看到原始源码，找 bug 的时候超级省时间。构建阶段再关掉就行，避免暴露源代码。
，这个webpack-boilerplate算是一个比较成熟的起点配置，适合中小项目，也方便你后续自定义。如果你想搭个轻量但可扩展的开发环境，这套模板可以先试一试。
文件大小：4.61KB
评论区