[英]Webpack postcss prefixer in vue-cli 3
我需要通過使用webpack為Bulma css類添加前綴。 我找到了一個示例,但是我的應用程序使用Vue CLI 3,但不確定如何將Webpack配置轉換為vue.config.js。
在我的vue.config.js
我有以下內容:
chainWebpack: config => {
config.module
.rule('css-prefixer')
.use(['style-loader', 'css-loader'])
.loader('postcss-loader')
.tap(options => {
// Prefixer goes here
return options
})
}
這給出了一些內部webpack錯誤。
只需在我的vue.config.js中做到
const path = require('path')
const prefixer = require('postcss-prefixer')
module.exports = {
css: {
loaderOptions: {
postcss: {
plugins: [
prefixer({
prefix: 'b-'
})
]
}
}
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.