ben-rogerson / craft-gulp
此包已被废弃,不再维护。未建议替代包。
Craft CMS + SCSS + JS + Gulp
1
2018-09-02 22:35 UTC
Requires
- php: >=7.0.0
- am-impact/amcommand: 3.1.4
- angellco/spoon: ^3.0
- clubstudioltd/craft-asset-rev: v6.0.1
- craftcms/cms: 3.0.20
- craftcms/redactor: 2.1.5
- mmikkel/cp-field-inspect: ^1.0
- nystudio107/craft-eagerbeaver: 1.0.4
- nystudio107/craft-seomatic: 3.1.14
- roave/security-advisories: dev-master
- solspace/craft3-freeform: 2.2.2
- studioespresso/craft-dumper: 1.3.1
- vlucas/phpdotenv: ^2.4.0
This package is auto-updated.
Last update: 2020-01-28 03:03:33 UTC
README
此仓库仍保持最新状态,但也许你可以尝试我的新版本 Webpack-mix 配置。你仍然可以将其与 Craft 集成 - 在 README 中查看说明。
一个经过战斗测试的、现成的模板,可以帮助你开始使用 Craft CMS 3。
开始使用
此过程将在本地设置一个新的项目。
- 为你的新项目创建一个本地数据库(Sequel Pro 是一个好选择)
- 在终端中,
cd/TO/YOUR/PROJECTS/DIRECTORY
并使用此模板创建一个新的项目
create-project ben-rogerson/craft-gulp --stability dev 项目名称
然后运行文中提到的./craft setup
命令 - 打开你的项目目录并安装包
cd 项目名称 && npm i
- 激活 asset-rev 插件
./craft install/plugin assetrev
- 使用 Valet 或 Homestead 将链接添加到
public
文件夹 [valet link 项目名称
] - 打开
项目名称/package.json
并更新config.devUrl
中的 dev url - 使用
npm start
启动你的开发服务器 - 像专业人士一样编码。
确保在 Craft 中启用已安装的其余插件。
模板功能
开发
npm start
- 使用 Browsersync 自动更新
- 使用查询字符串进行缓存破坏
- SCSS
- 断点显示助手
- Autoprefixer
- 源映射
- JavaScript
- ES6+ 首类转换
- JS 模块(import/export)
- 全局(browserify-shim)
- 源映射
- 图片
- 压缩 GIF/JPG/PNG/SVG
- SVG Sprite 转换
- 图标
生产
npm run build
- 所有上述功能,但没有 Browsersync 或源映射
- 使用清单进行缓存破坏