frp-cli-custom

4.5.1 • Public • Published

frp-cli-custom

既存のfrontplate-cliをForkして変更を加えたもの。
古くなっていたモジュールをアップデートして調整してみた。(使えるには使えると思います)

install

npm i frp-cli-custom -g

[変更点]

1. ejs, sassベース、pug, stylusベースのどちらにするかをcreateコマンドで選べるように。

このような感じで選択できます。

2018-06-26 13 32 53

プリセットでもいけます。

ejs_sass: frp create {project name} -p ejs_sass
pug_stylus: frp create {project name} -p pug_styl

概要、使い方などはこちらを参照してください。


*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: `${FRP_SRC}/svg-sprite/**/*.svg`,
  dest: `${FRP_SRC}/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

Package Sidebar

Install

npm i frp-cli-custom

Weekly Downloads

1

Version

4.5.1

License

MIT

Unpacked Size

459 kB

Total Files

62

Last publish

Collaborators

  • root_cisco