Webpack 2不會在vue文件裏面編譯css

Question

你好美麗的人，

我在編譯vue組件的css時遇到了問題。這裏是我的配置文件：https://gist.github.com/lavezzi1/27817a17cb4fa2a092e701089ecae0ec

我用vue做了多頁面的應用程序。除了一件事以外，一切正常：如果我有兩頁，並且它們都有導入的模態import Modal from 'components/modal.vue'一切正常，但如果沒有，那麼輸出.css文件沒有模態的css代碼。我該如何解決這個問題？

我VUE組件看起來像：

<template> 
... 
</template> 

<script> 
... 
</script> 

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

感謝您的幫助！

Answer 1

你應該擴展你的vue-loader和compliling css選項。

例如：

{ 
    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-loader來處理Vue組件。