As I work on implementing Bulma CSS in my project using Vue CLI 3, I encounter the need to prefix the classes with webpack. While I found an example of this process, adapting it from a webpack config to vue.config.js poses some challenges.
Here is the initial webpack config
In my vue.config.js file, I have included the following code snippet:
chainWebpack: config => {
config.module
.rule('css-prefixer')
.use(['style-loader', 'css-loader'])
.loader('postcss-loader')
.tap(options => {
// Placeholder for prefixer logic
return options
})
}
Despite these efforts, the configuration has resulted in internal webpack errors.