frp-cli-custom
既存のfrontplate-cliをForkして変更を加えたもの。
古くなっていたモジュールをアップデートして調整してみた。(使えるには使えると思います)
install
npm i frp-cli-custom -g
[変更点]
1. ejs, sassベース、pug, stylusベースのどちらにするかをcreateコマンドで選べるように。
このような感じで選択できます。
プリセットでもいけます。
ejs_sass: frp create project name -p ejs_sasspug_stylus: frp create project name -p pug_styl
概要、使い方などはこちらを参照してください。
- Repository: https://github.com/frontainer/frontplate-cli
- Wiki: https://github.com/frontainer/frontplate-cli/wiki
*wpのテンプレートは関与してないので、あしからず...。
2. svg-spriteのタスクを追加。(インライン想定)
*外部ファイル読み込み想定にするとpolyfillが必要になってくるためあえてインラインのみにしてます。(現状は複数対応しておりません)
createタスクで作成したプロジェクトに'svg-sprite'というディレクトリがあります。
svg-sprite配下に任意のsvgを入れてください。 svgSpriteタスクでsvgスプライトがviewディレクトリ配下に_svg-sprite.{ejs, pug}ファイルが作成されます。
あとは任意の箇所で
// ejs_sass
<% include view/svg/_svg-sprite %>
// pug_styl
include view/svg/_svg-sprite
前と同様にfrp.config.jsのsvgSprite:{}内で設定調整できます。
/* default settings */ src: `/svg-sprite/**/*.svg` dest: `/view` shape: id: separator: '' transform: svgo: plugins: removeTitle: true removeUselessDefs: true removeAttrs: attrs: 'fill' 'id' 'class' 'data-name' removeStyleElement: true convertPathData: true convertTransform: true mode: symbol: dest: 'svg' sprite: '_svg-sprite' inline: true
License
MIT License.
Copyright (c) 2015 frontainer
Released under the MIT license
http://opensource.org/licenses/mit-license.php