ben-rogerson/craft-gulp

此包已被废弃,不再维护。未建议替代包。

Craft CMS + SCSS + JS + Gulp

安装: 7

依赖项: 0

建议者: 0

安全: 0

星级: 2

关注者: 0

分支: 0

公开问题: 5

语言:JavaScript

类型:项目

1 2018-09-02 22:35 UTC

This package is auto-updated.

Last update: 2020-01-28 03:03:33 UTC


README

此仓库仍保持最新状态,但也许你可以尝试我的新版本 Webpack-mix 配置。你仍然可以将其与 Craft 集成 - 在 README 中查看说明。

一个经过战斗测试的、现成的模板,可以帮助你开始使用 Craft CMS 3。

开始使用

此过程将在本地设置一个新的项目。

  1. 为你的新项目创建一个本地数据库(Sequel Pro 是一个好选择)
  2. 在终端中,cd/TO/YOUR/PROJECTS/DIRECTORY 并使用此模板创建一个新的项目
    create-project ben-rogerson/craft-gulp --stability dev 项目名称
    然后运行文中提到的 ./craft setup 命令
  3. 打开你的项目目录并安装包
    cd 项目名称 && npm i
  4. 激活 asset-rev 插件 ./craft install/plugin assetrev
  5. 使用 Valet 或 Homestead 将链接添加到 public 文件夹 [ valet link 项目名称 ]
  6. 打开 项目名称/package.json 并更新 config.devUrl 中的 dev url
  7. 使用 npm start 启动你的开发服务器
  8. 像专业人士一样编码。

确保在 Craft 中启用已安装的其余插件。

模板功能

开发

npm start

  • 使用 Browsersync 自动更新
  • 使用查询字符串进行缓存破坏
  • SCSS
    • 断点显示助手
    • Autoprefixer
    • 源映射
  • JavaScript
    • ES6+ 首类转换
    • JS 模块(import/export)
    • 全局(browserify-shim)
    • 源映射
  • 图片
    • 压缩 GIF/JPG/PNG/SVG
  • SVG Sprite 转换
  • 图标

生产

npm run build

  • 所有上述功能,但没有 Browsersync 或源映射
  • 使用清单进行缓存破坏