• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

manabuyasuda/gulp-pug-test

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

manabuyasuda/gulp-pug-test

开源软件地址(OpenSource Url):

https://github.com/manabuyasuda/gulp-pug-test

开源编程语言(OpenSource Language):

JavaScript 60.7%

开源软件介绍(OpenSource Introduction):

gulp-pug-test

Gulpを使用したPugの導入テストリポジトリです。

詳しくは以下の記事で公開されています。

Pug(Jade)で効率的なマークアップ環境を作る | Tips Note by TAM

インストール

開発に必要なパッケージなどは以下のコマンドですべてインストールされます。クローン、またはダウンロードをしたあとに実行してください。

npm install

確認環境

以下の環境で動作の確認をしています。

  • OS X 10.11.5(El Capitan)
  • Node.js 4.2.4

ファイル構成

開発は/srcディレクトリでおこない、/destディレクトリに出力されます。

.
├── README.md
├── gulpfile.js
├── package.json
└── src/
    ├── _data/
    │   └── site.json
    ├── _includes/
    │   ├── _footer.pug
    │   ├── _header.pug
    │   ├── _layout.pug
    │   ├── _meta.pug
    │   └── _script.pug
    ├── assets/
    │   ├── css/
    │   │   └── common.css
    │   └── js/
    │       └── common.js
    └── index.pug

開発タスク

以下のコマンドを実行すると、開発に必要なGulpのタスクがすべて実行されます。

npm start

以下のような処理がおこなわれます。

  • PugをHTMLにコンパイル
  • CSSを/destにコピー
  • jsを/destにコピー
  • ブラウザが起動して変更をリアルタイムに反映



鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
kieranphilipbrown/gulp-boilerplate: A basic Gulp 4 boilerplate to get developing ...发布时间:2022-06-21
下一篇:
paulwib/gulp-hogan-compile发布时间:2022-06-21
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap