I am working on a vue js project that includes scss files. My goal is to compile these scss files into css and store them in the public folder. How can I achieve this? Should I make changes to the vue.config.js file?
const path = require('path');
module.exports = {
chainWebpack: config => {
config.entry('theme')
.add('./src/assets/app.scs')
.end();
},
css: {
extract: {
filename: 'app.css',
chunkFilename: 'css/app.css'
},
modules: false,
sourceMap: true
},
configureWebpack: {
resolve: {
alias: {
'@': path.resolve(__dirname, './src')
}
}
}
};
https://i.stack.imgur.com/M1HK5.png
Appreciate your assistance with this matter.