vue文件，如何提取css文件

Question

目前想把写在*.vue文件中的style里的样式提取到一个文件中，在网上查了，但是基本上没有起到作用。

Answer 1

假设在src的assets的目录下有一个style文件夹，里面放一个test.css文件，这样在.vue文件中引入方式为：@import'~@/assets/style/test.css'

Answer 2

//webpack.config.jsvarExtractTextPlugin=require("extract-text-webpack-plugin")module.exports={module:{rules:[{test:/\.vue$/,loader:'vue-loader',options:{extractCSS:true}}]},plugins:[newExtractTextPlugin("style.css")]}通过这个方式可以将*.vue中的样式提取到指定路径，我没有成功是因为vue-loader的版本问题。