Brunch - プラグイン

法律: IT HTML5 フノス(訳者)

  プラグイン   まとめページで見る

  新しくプラグインを導入したいときは、「npm install --save-dev プラグイン名」でインストールできます。インストールした.jsファイルは「package.json」に保存してください。

  このページに載っていないプラグインは"brunch" on npmにて検索できます。

  このページに新たにプロジェクトを追加したい方は、こちらのファイルを編集し、リクエストをお送りください。
 

 最初から入っているプラグイン:

 babel-brunchBabelを使ってES5を短縮するES6アドオン

 UglifyJS-brunchUglifyJSというJavaScript縮小プログラムのBrunch対応版

 Auto-reload-brunch — brunchに対応しているブラウザを自動でリロードするプラグイン

 

追加できる主なプラグイン一覧

コンパイラ

replacer-brunch  Brunchのストリングを代替するプラグイン

brunch-tumblr-theme-parser  普通のHTMLに tumblr テンプレートをコンパイルする

elm-css-brunch  cssファイルに「elm-cssスタイルシート」をコンパイルする

ejs-brunch  Embedded Javascript template (EJS)に対応するためのプラグイン

 

スクリプト言語

CoffeeScript  CoffeeScript - あまり飾り気がないJavaScript

IcedCoffeeScript-brunch  IcedCoffeeScript - CoffeeScriptの非同期版

LiveScript-brunch  LiveScript - CoffeeScriptから派生したもう少し高機能なJavaScript

EmberScript  EmberScript - CoffeeScriptをEmber風にしたもの

Roy-brunch  Roy - js.をコンパイルするための小規模な言語

typescript-brunch  typescript - JavaScriptをもとにしたタイプド・スーパーセット

jsenv-brunch  JavaScriptなどに様々なものをコンパイルできる環境を構築するプラグイン。Herokuや開発中・研究中のコンフィグレーションを入れるのに便利。
 

wisp-brunch  Clojure系LispのWispに対応するためのプラグイン

es6-module-transpiler-brunch  es6-module-transpiler - モジュールの同期を担うES6アドオン

traceur-brunch  GoogleのTraceurを使って、ES5を短縮するES6アドオン

babel-brunch  Babelを使ってES5を短縮するES6アドオン

sweet-js-brunch  sweet.jsに対応するためのアドオン

riot-brunch  Riotに対応するためのアドオン。Riot - React系、 2.5kbユーザーインターフェース・ライブラリ

glslify-brunch  glslifyを介して、GLSLをJavaScriptに変換する。glslify - node系GLSL用モジュールシステム

elm-lang-brunch  Elm - JavaScriptコンパイル用関数型言語

pegjs-brunch  PEG.jsに対応するためのアドオン。PEG.js - JavaScript用パーサジェネレータ

 

スタイル言語

Stylus-brunch  Stylus - 頑丈でパワフルなスタイル言語。nib(クロスブラウザCSS3ライブラリ)に付属。詳しくは、「なぜStylusはLESS / Sassと違うのか」を参照

Sass-brunch  Sass - 有名なrubyコミュニティ。compassに付属している

LESS-brunch  LESS - かなり有名なダイナミック・スタイル言語

Rework  コンフィグレーション・ファイルに対応する言語

Pleeease-brunch

postcss-brunch  (CSS ポストプロセッサ)Autoprefixerなど、たくさんの PostCSS プラグインが搭載されたアドオン

csscomb-brunch  CSSComb - 設定を維持したまま、CSSプロパティを分類する。

stylus-spritesmith-brunch  nibに対応したスタイラスアドオン。Spritesmithで作ったシートを短縮できる。

 

プリ・コンパイル テンプレート

Handlebars-brunch  Handlebars - ロジックレス・テンプレート。Mustacheと互換性がある

Ember-handlebars-brunch  とくにEmber.jsアプリケーション内で使う、Handlebarsテンプレートをプリコンパイルするアドオン

Eco-brunch  Eco - ERBと似たシンタックスを持つ、埋め込みcoffeescriptテンプレート

Mustache (hogan)-brunch  Mustache templates -多言語対応ロジックレス・テンプレート。Hoganはツイッターに実装されているMustacheのことである。

Jade-brunch  Jade - halmの相の子のような存在で、シンタックスを掃除する

PugJS-brunch  Pugに対応するためのアドオン。ダイナミックかつスタティックなテンプレート。

Dust-brunch  Dust - テンプレートエンジン。プレゼンテーション層とロジック層をきれいに分離する。使いやすさも犠牲にしない

Dust-linkedin-brunch  Dust(LinkedIn)Dustのフォークから産まれた、これから機能の追加やバグフィクスを経て徐々に大きくなるだろうライブラリ

Jade-angularjs-brunch  Jade to AngularJS -モジュール・コンパイラ。Grunt-angular-template風だが、BrunchとJadeに対応している。
 

Emblem-brunch  Emblem - 簡潔で美しいテンプレートを提供する、handlebarsに代わる選択肢

Markdown-brunch  Markdown - 読みやすく、書きやすいテキストフォーマットで記述したものを、そのままXHTMLかHTMLに変換できるプラグイン

Yaml-front-matter-brunch  JavaScriptを対象としたコンパイラ・マークダウン・ファイル。YAML front matterを用いている。markdownに対応する。

Swig-brunch  Swig - node.jsとブラウザのためのDjango系テンプレート・エンジン

Ractive-brunch  RactiveJS - クライアントサイド・テンプレート。DOM binding engineである

nunjucks-brunch  Nunjucks - JavaScript用の、豊富で使い出のあるテンプレート・エンジン

html2js-brunch  Html2JS  - grunt-html2jsのような機能でAngularテンプレートをJavaScriptに変換できる

react-templates-brunch  React Templates - React用軽量テンプレート

Vue Brunch  Vueコンポーネントの単一ファイルをプリ・コンパイルするためのアドオン

marko-brunch  markoテンプレートを使うためのアドオン

static-marko-brunch  静的markoテンプレートを使うためのアドオン

raw-brunch   rawモジュール用のプラグイン


 

ファイル圧縮

cssnano-brunch  CSSNano - ファイル圧縮モジュラー。PostCSSプラグイン対応

UglifyJS-brunch  UglifyJS - JavaScript圧縮プログラム

CleanCSS-brunch  CleanCSS - CSS圧縮プログラム

html-pages-brunch  HTMLMinifier - HTMLコンプレッサー/圧縮プログラム

Bless-brunch  Bless-brunch - Blesses css ファイルにサイズ制限をかける。 IEブラウザで役に立つ。

imageoptmizer-brunch  optipng と jpegtranを用いてPNG画像とJPG画像を最適化する

closure-compiler-brunch   Closure Compiler in JSを使ってJavaScriptを最適化する

 

 リンター

JSHint-brunch  JSHint - コミュニティ運営ツール。エラーとJavaScriptコードに潜む潜在的な問題を探り出す。コード付けの規約のチェックに使える。

CoffeeLint-brunch  CoffeeLintCoffeeScriptのコードを矛盾がないように整頓にするスタイルチェッカー

JSXHint-brunch  JSXHint - JSXファイルをリンティングするために使う、JSHintまわりのWrapper

ESLint-brunch  ESLint - 拡張性に富むJavaScriptとJSX用リンティング・ユーティリティ

sass-lint-brunch  Sass Lint - sass と scss のシンタックス用リンター

 


その他

HMR-brunch  Hot Module ReplacementをBrunchプロジェクトで使うためのプラグイン

static-site-brunch  Brunchを使って静的サイトを作るためのプラグイン。YAML front matterを用いてHandlebarsテンプレートをコンパイルする。自動部分記録に対応

Static-jade-brunch  静的アセット・ファイルをHTMLにコンパイルする。 index.htmlの代わりにindex.jadeを使うことができる。

Static-underscore-brunch  index.htmlの代わりにunderscore.jsを使うことができる

html-brunch-static  静的HTMLをコンパイルする。レイアウトや、部分投影図、様々な言語(markdown, jade, handlebarsなど)に対応する。

Docco-brunch  Doccoドキュメンテーションジェネレータをapp/ディレクトリに作成するアドオン

JSDoc-brunch  JSDoc ドキュメンテーションジェネレータwo
app/ディレクトリに作成するアドオン
 

Auto-reload-brunch  brunchに対応しているブラウザを自動でリロードするアドオン

browser-sync-brunch  BrowserSync - これに対応することでブラウザを自動リロードするだけじゃなくなる

fb-flo-brunch  fb-floに対応するためのアドオン。CSS/JSの変更をリアルタイムでブラウザに反映する

Process-env-brunch  Parses - brunchファイルと_PROCESS_ENV_FOOトークンをprocess.env.FOOに変更する。

dependency-brunch  brunchコンフィグにdependOnオプションを追加する

keyword-brunch  brunchコンフィグにキーワードオプションを追加し、繰り返し出てくるキーワードを代替する

keyword-brunch  keyword-brunchのアップデート・バージョン。さらに速く、フレキシブルになって帰ってきた

sprite-brunch  brunch用 言語非依存小型ジェネレータ
 

jscc-brunch   条件付きコンパイルと代替変数に対応

jspreprocess-brunch  JS brunchコンパイルにC-styleディレクティブを対応させる

js-preprocess-brunch  jspreprocess-brunchにC-styleディレクティブを対応させ、なおかつJS、CoffeeScript brunchコンパイルに反映させる。(これをインストールする前にJS compliation pluginsを入手すること)

html-preprocess-brunch  js-preprocess-brunchと内容はほぼ同じだが、これはHTML テンプレートに対応する。(これをインストールする前にHTML compilation pluginsを入手すること)

groundskeeper-brunch  groundskeeperを使ってJavaScriptファイルをきれいにする(remove console.log など…)
 

gzip-brunch  gzipに対応するためのアドオン

appcache-brunch  HTML5 .appcacheジェネレーション

after-brunch  各コンパイラサイクルの後からシステムのコマンドを実行する

brunch-signature  ビルドプロセスの途中で unique signature を作成する

digest-brunch  ファイル名のアセットのためのunique SHA digest

git-digest-brunch  現在のSHA digest gitリビジョンを使ってURLをキャッシュする

hg-digest-brunch  現在のmercurialリビジョンを使ってURLをキャッシュする

fingerprint-brunch   unique SHAを使って特定のファイルの名前を変更し、マップファイルを生成する

yaml-i18n-brunch   i18n translationsを編集するためにyamiを使う
 

constangular-brunch  YAMLコンフィグレーションをAngularJSに適応させる

package-brunch  jsファイルにコンフィグレーション情報を入れる

copyfilemon-brunch  vendorフォルダも含めてあらゆるフォルダから、ファイルやフォルダコンテンツをコピーできる

environment-brunch  JS/TSファイルを現在のBrunch environmentにしてトークンを交代させる

karma-brunch  karmaに対応するためのアドオン

sw-precache-brunch Service Worker Precacheに対応するためのアドオン

typeset-brunch  HTMLタイポグラフィー・プロセッサであるTypeset用インターフェース

grunticon-brunch  Grunticonに対応するためのアドオン

kssbrunch  KSSドキュメンテーションからライブ・スタイルガイドを生成するためのkss-node




 

 

2017-08-20 13:01:01 / Hnoss
原文サイトを表示
[ 原文 ] http://brunch.io/plugins
Creative Commons License この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。
クリエイティブ・コモンズ・ライセンス