Phoenix 1.3プロジェクトのVueJSコンポーネントのブランチでCSSをコンパイルしない？

Question

Phoenix 1.3に移行した後、私はBrunchにVueJSコンポーネントをビルドできません。

私は新しいプロジェクトを生成しました。

私は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秒

Answer 1

に私はあなたのbrunch-config.jsがassetsフォルダ内にあると仮定しています、これはprivフォルダが設定ファイル上記1つのレベルであることを意味します。 vueの設定を次のように変更します。

vue: { 
    extractCSS: true, 
    out: "../priv/static/css/components.css" 
}