怎样抽离vue文件中的css

Question

如题所述

Answer 1

webpack打包vue项目的时候默认会把vue里的css打包到页面上。

webpack.config.js里的plugins加上以下配置

new webpack.LoaderOptionsPlugin({  
   test:/\.vue$/,  
   options: {  
       vue: {  
            loaders: {  
               css: ExtractTextPlugin.extract({  
               fallback:'vue-style-loader',   
               use:'css-loader',  
               publicPath:"../"  
             }),  
           }  
       }  
   }  
)

这样可以把css提取到公共style里。