TA貢獻(xiàn)1865條經(jīng)驗 獲得超7個贊
// webpack.config.js
var ExtractTextPlugin = require("extract-text-webpack-plugin")
module.exports = {
module: {
rules: [
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
extractCSS: true
}
}
]
},
plugins: [
new ExtractTextPlugin("style.css")
]
}
通過這個方式可以將*.vue中的樣式提取到指定路徑，我沒有成功是因為vue-loader的版本問題
TA貢獻(xiàn)2016條經(jīng)驗 獲得超9個贊
假設(shè)在src的assets的目錄下有一個style文件夾，里面放一個test.css文件，這樣在.vue文件中引入方式為：
<style>
@import '~@/assets/style/test.css'
</style>
舉報