SilverStripe Gulp Plate使用gulp.js工作流程创建SilverStripe生产主题样板起点

银纹主题的 Gulp 样板挺适合做 SilverStripe 项目的起手式,尤其你要搞前端自动化的话,用这个省事不少。它整合了 gulp.js 的一整套任务流程,从 SCSS 编译JavaScript 模块打包SVG 图标精灵热重载,都安排得明明白白。

JS 这块用的是 Browserify 来打包,开发时用内存编译,响应也快,不容易卡顿。写 JS 还可以配合 ESLint 自动格式校验,代码规范不头疼。CSS 那边靠 libsass 编译,想用 SCSS 写点结构清晰的样式没啥压力。

SVG 图标的玩法也不错,会自动压缩成精灵图,顺便生成带 标签的 SVG 文件,用起来比雪碧图还顺。开发过程中还有个本地服务器,改了代码自动刷新,适合一边开发一边调。

要注意的是,它依赖比较明确:要用到 gulp v4+,还有 npmyarn 管理依赖。建议配合 nvm 把 Node 环境也管起来,避免版本冲突。

如果你想在 SilverStripe 上搞点前端工程化,又不想自己配置一堆东西,那这个项目真心可以一试。想了解类似玩法的也可以看看 silverstripe-webpack 指南gulp-starter 模板,都是实战派。

js工作流程创建silverstripe生产主题的样板起点
silverstripe-gulp-plate:使用gulp.js工作流程创建Silverstripe生产主题的样板起点 预估大小:104个文件
file
.gitignore 102B
file
.browserslistrc 62B
file
.babelrc 158B
file
.htaccess 15B
file
.editorconfig 283B
file
.eslintrc.js 604B
file
sprite.js 766B
file
webpack.js 419B
file
report.js 397B
file
scss.js 1KB
file
assets.js 295B
file
browserSync.js 709B
file
images.js 375B
file
html.js 834B
file
index.js 1KB
file
config.js 2KB
file
removeCssClasses.js 593B
file
getWebpackConfig.js 1012B
file
handleErrors.js 1KB
file
bundleLogger.js 685B
zip 文件大小:198.17KB