SilverStripe Gulp Plate使用gulp.js工作流程创建SilverStripe生产主题样板起点
银纹主题的 Gulp 样板挺适合做 SilverStripe 项目的起手式,尤其你要搞前端自动化的话,用这个省事不少。它整合了 gulp.js 的一整套任务流程,从 SCSS 编译、JavaScript 模块打包 到 SVG 图标精灵 和 热重载,都安排得明明白白。
JS 这块用的是 Browserify 来打包,开发时用内存编译,响应也快,不容易卡顿。写 JS 还可以配合 ESLint 自动格式校验,代码规范不头疼。CSS 那边靠 libsass 编译,想用 SCSS
写点结构清晰的样式没啥压力。
SVG 图标的玩法也不错,会自动压缩成精灵图,顺便生成带 标签的 SVG 文件,用起来比雪碧图还顺。开发过程中还有个本地服务器,改了代码自动刷新,适合一边开发一边调。
要注意的是,它依赖比较明确:要用到 gulp v4+,还有 npm 或 yarn 管理依赖。建议配合 nvm 把 Node 环境也管起来,避免版本冲突。
如果你想在 SilverStripe 上搞点前端工程化,又不想自己配置一堆东西,那这个项目真心可以一试。想了解类似玩法的也可以看看 silverstripe-webpack 指南 和 gulp-starter 模板,都是实战派。
silverstripe-gulp-plate:使用gulp.js工作流程创建Silverstripe生产主题的样板起点
预估大小:104个文件
.gitignore
102B
.browserslistrc
62B
.babelrc
158B
.htaccess
15B
.editorconfig
283B
.eslintrc.js
604B
sprite.js
766B
webpack.js
419B
report.js
397B
scss.js
1KB
198.17KB
文件大小:
评论区