Phoenix 1.3に移行した後、私はBrunchにVueJSコンポーネントをビルドできません。Phoenix 1.3プロジェクトのVueJSコンポーネントのブランチでCSSをコンパイルしない?
私は新しいプロジェクトを生成しました。
私はNPMを使用してVUE-ブランチの統合をインストールしました: (ここで見つける:」
https://github.com/nblackburn/vue-brunch.gitを私はコンポーネントへの両方のパスを試してみました(そのようなVueのコンポーネントを構築するためにブランチ-config.jsのを更新しました。 CSS):私はするコンポーネント「資産/コンポーネント/私の-app.vue」追加しました
// Configure your plugins
plugins: {
babel: {
// Do not use ES6 compiler in vendor code
ignore: [/vendor/]
},
vue: {
extractCSS: true,
out: 'priv/static/css/components.css'
// out: '../priv/static/css/components.css'
}
},
しかし、プロジェクトをビルドした後、「components.css」に表示されません、「。 priv/static/css/"となります。
私はBrunchを更新しようとしました。運がない。
私は何を欠席しましたか?より多くのコンテキストについては
、フルブランチ-config.jsのファイル:
exports.config = {
// See http://brunch.io/#documentation for docs.
files: {
javascripts: {
joinTo: "js/app.js"
// To use a separate vendor.js bundle, specify two files path
// http://brunch.io/docs/config#-files-
// joinTo: {
// "js/app.js": /^js/,
// "js/vendor.js": /^(?!js)/
// }
//
// To change the order of concatenation of files, explicitly mention here
// order: {
// before: [
// "vendor/js/jquery-2.1.1.js",
// "vendor/js/bootstrap.min.js"
// ]
// }
},
stylesheets: {
joinTo: "css/app.css"
},
templates: {
joinTo: "js/app.js"
}
},
conventions: {
// This option sets where we should place non-css and non-js assets in.
// By default, we set this to "/assets/static". Files in this directory
// will be copied to `paths.public`, which is "priv/static" by default.
assets: /^(static)/
},
// Phoenix paths configuration
paths: {
// Dependencies and current project directories to watch
watched: ["static", "css", "js", "vendor"],
// Where to compile files to
public: "../priv/static"
},
// Configure your plugins
plugins: {
babel: {
// Do not use ES6 compiler in vendor code
ignore: [/vendor/]
},
vue: {
extractCSS: true,
out: 'priv/static/css/components.css'
}
},
modules: {
autoRequire: {
"js/app.js": ["js/app"]
}
},
npm: {
enabled: true
}
};
ブランチビルド--debug出力
$ブランチビルド--debug
ブランチ: config brunch-config + 0msブランチをロードしようとしています:プラグイン ロードされたプラグイン:バベルブランチ+ 690msブランチ:watch add package.json + 28msブランチ:add add brunch-config.js + 0ms brunch:スタティック/ favicon.ico + 5msブランチを見る:static/favicon.ico + 1ms ブランチ:watch add static/robots.txt + 0msブランチ:リストを読む static /robots.txt + 0msブランチ:watch add css/app.css + 1ms
ブランチ:リストを読むcss/app.css + 0msブランチ:watch add css/phoenix.css + 1msブランチ:list css/phoenixを読んでください。 js/app.js + 0msブランチ:リストを読むjs/app.js ブランチ:js/app.jsを見てください。 + 0msブランチ:asset Init assetスタティック/ favicon.ico + 3msブランチ:listコンパイル済みstatic/favicon.ico + 4msブランチ:asset Init asset static/robots.txt + 0msブランチ:listコンパイル済みstati C/
は0ms +のrobots.txtブランチ:ファイル初期化ファイルのcss/app.css + 1msのブランチ:ファイル初期化ファイルJS/app.js + 0msと
ブランチ:パイプライン CSS/app.css + 3msのブランチをコンパイルリストjs/app.js @ babel-brunch + 1ms brunch:ファイル 初期化ファイルjs/socket.js + 254ms brunch:パイプラインjs/socket.jsのコンパイル @ babel-brunch + 0ms brunch:ファイル初期化ファイルcss/phoenix。 css + 55ms
ブランチ:リストコンパイル済みのcss/phoenix.css + 1msブランチ:watch add static/images/phoenix.png + 3msブランチ:リストReading static/images/phoenix.png + 0msブランチ:asset Init asset static/images/phoenix.png + 8ms brunch:listコンパイル static/images/phoenix.png + 0ms brunch:listコンパイルされたjs/socket.js + 2ms brunch:ファイルInitファイル node_modules/phoenix/priv/static/phoenix。リスト コンパイルnode_modules /フェニックス/ PRIV /静的/ phoenix.js + 63ms
ブランチ: node_modules/phoenix_html/PRIV /静的/ phoenix_html.js + 8msの
ブランチリーディングリスト:+ 1msのブランチJSリスト読書を../リストの読み込みコンポーネント/私の-app.vue + 0msとブランチ:node_modules/VUE/distが/ > + 0msとブランチをvue.runtime.common.jsリストコンパイルJS/app.js + 1msのブランチ:ファイル初期化ファイル node_modules /phoenix_html/priv/static/phoenix_html.js + 0msと
>ブランチ:ファイル初期化ファイルコンポーネント/私の-app.vue + 2msのブランチ:リスト >コンパイル済みのコンポーネント/私の-app.vue +は0msブランチ:リスト コンパイルnode_modules/phoenix_html/PRIV /静的/ phoenix_html.js + 6msの
ブランチ:リストリーディングnode_modules /プロセスの初期化が+ 1msのブランチ ../node_modules/vue/dist/vue.runtime.common.jsをファイルファイル/browser.js + 98ms
brunch:listコンパイル../node_modules/vue/dist/vue.runtime.common.js + 20ms brunch:ファイル初期化ファイルnode_modules/process/browser.js + 0ms brunch:listコンパイルされたnode_modules/process/browser.js + 9ms
ブランチ:書き込み2/2ファイル+75msブランチを作成:連結 [../node_modules/vue/dist/vue.runtime.common.js、 node_modules/phoenix/priv/static/phoenix.js、 node_modules/phoenix_html/priv/static/pho jms/app.js、js/socket.js] => ../priv/static/js/app.js + 4ms brunch:concatenating [css/app.js、js/socket.js] app.css、css/phoenix.css] => ../priv/static/css/app.css + 40ms
ブランチ:生成../priv/static/js/app.js + 4ms
ブランチ:生成する../priv/static/js/app.js.map + 7ms
brunch:generate書き込み/priv/static/css/app.css+ 1ms
brunch:generate書き込み/priv/static /css/app.css.map + 0ms
ブランチ:書き込み3/3のアセットを書く0 + 62msのブランチを削除: 書く../priv/static/favicon.ico + 0msブランチ:生成する ../priv/static/robots.txt + 1ms brunch:生成する ../priv/static/images/phoenix.png + 2ms 15:04:33 - info:コンパイル済み8 ファイルを2つのファイルにコピー3 2.1秒
両方のpriv&assetsがPhoenix 1.3のトップレベルのフォルダになりました。あなたのソリューションとcomponents.cssのフルパスを試しました。まだ動かない? – Emily
assetsフォルダから 'brunch build --debug'を実行できますか?これは、ブランチがファイルを置く場所を示します。 – lukad
私は、ブランチビルド--debugの出力を質問に追加しました。 – Emily