首頁猿問 vue文件，如何提取css文件

vue文件，如何提取css文件

JavaScript

不負相思意 2019-05-22 16:49:15

目前想把寫在*.vue文件中的style里的樣式提取到一個文件中，在網(wǎng)上查了，但是基本上沒有起到作用。

查看完整描述

2 回答

慕的地8271018

TA貢獻1796條經(jīng)驗獲得超4個贊

假設在src的assets的目錄下有一個style文件夾，里面放一個test.css文件，這樣在.vue文件中引入方式為：@import'~@/assets/style/test.css'

反對回復 2019-05-22

largeQ

TA貢獻2039條經(jīng)驗獲得超8個贊

//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的版本問題。