gulp v4 による Pug × SCSS × TypeScript テンプレ - Qiita
【追記（2020/09/20）】 テンプレート更新しました はじめに gulp v4 がだいぶ前にリリースされたけど、当方ずっとgulp v3のままだった gulp v4 は新しい機能が増えたり書き方が変わったりとすごい変わってしまわれてる 今まで自分の作ったものが化石になるのを恐れたのでgulp v4に適用させた ついでにテンプレ作って今後楽しようと思った どんどん改善していきたいからみんなに使ってもらいたい、ここで宣伝だ 概要 この記事の概要は以下になります🐶 gulpとpug の説明（すごいざっくり） Pug × SCSS × TypeScript テンプレの紹介 このテンプレでできること このテンプレの使い方 このテンプレ内のディレクトリ構成のお話 🎍🐭🎍🐮🐯🐰🐲🐍🐴🐑🐵🐔🐶🐗 gulp公式サイト https://gulpjs.com/ JavaScr
Getting Started – Pug
Installation ¶ Pug is available via npm: $ npm install pug Overview ¶ The general rendering process of Pug is simple. pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called “locals”) as an argument. Call that resultant function with your data, and voilà!, it will return a string of HTML rendered with your data. The compiled function can be re-use
GulpでテンプレートエンジンのPugを使ってみた
EJS - JavaScript Templates 最近、静的なテンプレートを生成する方法としていろいろ試行錯誤していたのですが、JavaScriptで静的なhtmlを生成できるEJSというものを知り、使ってみることにしました。 EJSと... Pugとは Pug(旧Jade)はHTMLを書くためのテンプレートエンジンで、JST (JavaScript Templates) の一つです。Pugは「.pug」という拡張子のファイル内でHTMLのようにタグで囲まず、改行やインデントによってページを作っていきます。Pugを利用するには「Node.js」が必要になります。PugにはGulp用のPugがあり、Gulpで使うことができます。 Pugで何ができるか ループや条件分岐。 共通ファイルの読み込み(インクルード)やパラメータの引き渡し。 JavaScriptと同様に、数、文字列、配列、オブジ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GulpでPugの環境を構築！静的HTMLサイトを効率的に作ろう | HPcode（えいちぴーこーど）
