Webpack 2はvueファイル内でCSSをコンパイルしません

Question

こんにちは美しい人、

vueコンポーネントのCSSをコンパイルする際に問題があります。ここに私の設定ファイルがあります：https://gist.github.com/lavezzi1/27817a17cb4fa2a092e701089ecae0ec

私はvueで複数のページアプリをやります。私は2つのページを持っていて、どちらもモーダルをインポートしている場合はimport Modal from 'components/modal.vue'すべて正常に動作しますが、出力されていない場合は.cssファイルにはモーダルのCSSコードがありません。どうすれば修正できますか？

マイVUEコンポーネントは次のようになります。

<template> 
... 
</template> 

<script> 
... 
</script> 

<style lang="css"> 
    css here 
</style> 

は、任意の助けをありがとう！

Answer 1

vssをコンパイルするためのオプションを使用してvue-loaderを拡張する必要があります。例えば

：

{ 
    test: /\.vue$/, 
    loader: 'vue-loader', 
    options: { 
     loaders: { 
     css: ExtractTextPlugin.extract({ 
      use: [ 
      { 
       loader: 'css-loader', 
       options: { 
       minimize: condition 
       } 
      } 
      ], 
      fallback: 'vue-style-loader' 
     }) 
     } 
    } 
    } 

Answer 2

Webpackには、Vueコンポーネントを処理するためにvue-loaderが必要です。