sable-virt / frontplate-cli Goto Github PK

デフォルトだとこういう構造のところ、

├── public
│     ├── assets
│     │     └── images
│     │           ├── frontainer.png
│     │           └── icon.png
│         
├── src
│     ├── images
│     │     ├── frontainer.png
│     │     └── icon.png

下記のようにディレクトリ階層を保ったまま、public配下に出力する方法はありますでしょうか？

├── public
│     ├── assets
│     │     └── images
│     │           ├── common
│     │           │     └── frontainer.png
│     │           └── icon.png
│         
├── src
│     ├── images
│     │     ├── common
│     │     │      └── frontainer.png
│     │     └── icon.png

image.config.jsを下記のように直してみたのですが、publicにはimages直下に画像が出力されてしまいまして。。

module.exports = {
    src: 'src/images/**/*.{gif,jpg,png}',  // 読み込むイメージ
    dest: core.basePath + '/assets/images'        // 出力先
};

以前のfrontplate-cliを npm uninstall -g frontplate-cli で削除し、[email protected] を新規にインストールしたところ、以下のエラーが出ていました。

$ npm i frontplate-cli -g
$ npm -g list --depth=0
/Users/user/.nvm/versions/node/v6.6.0/lib
├── [email protected]
└── [email protected]

npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/add-stream
npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/browser-stdout
npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/conventional-changelog
npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/define-properties
npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/diff
npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/empower
npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/espower-loader
npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/growl
npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/lodash.create
npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/power-assert-formatter
npm ERR! extraneous: [email protected] /Users/user/.nvm/versions/node/v6.6.0/lib/node_modules/frontplate-cli/node_modules/universal-deep-strict-equal

402ce1f が起因しているようです。
lib/tasks/script.js の L20のconcatがないと言われます。

以下のように部分的に巻き戻すと問題は起きなくなりました。

    //…
    config = merge(config, {
        resolve: {
            modules: [
                path.join(process.cwd(),'node_modules'),
            ]
        },
        resolveLoader: {
            modules: [
                path.join(process.cwd(),'node_modules'),
            ]
        },
    });

    if (process.env.NODE_PATH) {
        let paths = process.env.NODE_PATH.split(path.delimiter);
        config.resolve.modules = config.resolve.modules.concat(paths);
        config.resolveLoader.modules = config.resolveLoader.modules.concat(paths);
    }
    //…

serveタスクのメモリ使用量が多い問題

WebPack2のメモリリークが影響している可能性もあるが、ポイントが絞れていないため調査が必要
https://github.com/webpack/webpack/labels/S3%3A%20Memory%20Leak

v2.1.2において frp build --production をした時に実行されるjsの最適化が、度々既存のモジュールを壊してしまうようです。

sample repogitory(uglifyしているのがgccだと思っていたのでリポジトリ名がそのようになっています):
https://github.com/sundaycrafts/gcc-too-agressive

問題の発生するコード
https://github.com/sundaycrafts/gcc-too-agressive/blob/master/src/js/app.js

問題が発生するモジュール

https://github.com/typekit/webfontloader (v1.6.27)

プロダクションビルドした時に発生するエラー

app.js:1 Uncaught TypeError: a.default.load is not a function(…)
// webFont.load(option) が正常に動作しておらず、このコードが実行される時点でa.defaultは空オブジェクトになっている

やりたいこと

project_root/src/fonts を project_root/public/assets/fonts にコピーしたい。

症状

以下のコマンドを実行しました。

npm i frontplate-cli -g
mkdir myapp
cd myapp
frp create dev

この時点でREADMEの「想定される構成」にあるような、configディレクトリが生成されなかったため、設定を変更することができませんでした。

環境

• OS X 10.11.6(El Capitan)
• node v6.6.0 / npm 3.10.3

※nodeのバージョン管理としてnvmを使用

TASK_NAMEの一覧などを表示させる

frp createは内部的にnpm installしているが、yarn installもサポートする
https://github.com/yarnpkg/yarn

TL;DR

configで

html: {
    skipIf: production // boolean; set this true to skip EJS build
}

とかやりたいです

達成したいこと

• configでproduction時にEJSをビルドするか否かを指定したい

ユースケース

• PHPアプリケーション向けに使用する場合など
• EJSは単にコーディング成果物の検証用として出力し、本番ではEJSビルドが不要なケース
• 本番ではEJSビルドをスキップしたい

何卒よろしくお願いいたします。

概要

Frontplate CLIのアップデート後、EJSのビルド先ディレクトリが書き換わってしまいました。これにより既存プロジェクトのビルド時に「出力先が変わったのでパスの参照が崩れた」といった問題が発生しております。

ソースファイルが /src/view/index.ejs の場合の出力先の違いの例:

• 変更前: /public/index.html
• 変更後: /public/view/index.html

原因

コミット 51f68e9 によりEJSの読み込みパスが変更されため、ビルド時に view/ ディレクトリの構造ごと出力されるようになりました。

影響を受けるバージョン

v2.0.8 以降

既存プロジェクトに対する暫定的な対策

各プロジェクトの frp.config.js で読み込みパスを上書きすることでとりあえず元通り動くようになります。

'use strict';
module.exports = function(production) {
    return {
		// --- ここから追加 ---
		html: {
			src: `src/view/**/*.ejs`
		}
		// --- ここまで ---
    }
};

処理がexitしてしまってエラーメッセージが表示されていない