Web Template 2021前端构建模板
多任务切换的前端项目开发有时候挺头疼的，web-template2021这个模板就比较贴心。它用的是 Gulp + Webpack 的组合方案，开发时直接 gulp 一下就能跑起来，热更新、自动构建都安排上了，挺方便。
sass 的编译也帮你配置好了，支持 PostCSS，像 autoprefixer 这些插件也能轻松加上。整体结构清晰，适合你自己做项目起手，或者当个启动器套个壳。
日常开发用 gulp 启动就行，想打包上线就用 gulp build，默认已经做了优化，构建产物干净整洁。想玩细的，也可以跑单个任务，比如 gulp sass 或 gulp webpack。另外每个任务也有 :watch 版本，比如 gulp sass:watch，但你一般也用不着单独写，主任务会自动监听。
项目里用了 Webpack 模块化，脚本、样式都能分开管理。你写 .scss，它能帮你自动编译输出 .css，响应也快，适合你边改边看效果。
如果你对 Gulp 和 Webpack 一起用还不太熟，可以看看这些文章：
- Gulp 前端项目启动器支持 Sass、PostCSS 和 Webpack
- Webpack-Dev-Server 与 Gulp 集成问题
- dev-sandbox Gulp+Webpack+Babel 构建入门套件
如果你常做中小型项目，或者想快速搭出一个前端开发环境，web-template2021还是挺值得一试的。别忘了先 npm install 或 yarn 装依赖哦～
文件大小：553.52KB
评论区