基于 Gulp 与 Webpack 的 Web 前端构建系统
该构建系统优化 Web 前端开发流程，其核心组件包括：
- 任务运行器： Gulp 4
- 模块打包器: Webpack 4
- CSS 预处理器: Less，并使用 PostCSS 进行自动添加浏览器前缀和 cssnano 代码压缩。
- 模板引擎： Nunjucks
- JavaScript 构建： webpack + babel (预设环境 + 插件建议类属性)
- SVG 处理： SVGO (gulp-svgmin)
- 开发服务器： BrowserSync
使用方法
该系统提供两个主要脚本:
gulp build: 构建项目，将处理后的文件输出到dest文件夹。npm run dev: 启动开发服务器，并监听文件变化自动进行构建。
注意：
运行 npm run dev 会先清空 dest 文件夹。开发过程中请勿直接使用 dest 文件夹内的文件。
开发服务器
默认情况下，开发服务器运行在 http://localhost:3000/。 所有配置均可自定义。
文件监听
文件监听功能会实时监控源文件变化并自动触发构建，提升开发效率。
文件大小：269.07KB
评论区