npm install -D sass-loader node-sass
webpack.base.conf.js
settingmodule.exports = {
module: {
rules: [
// ... other rules omitted
// this will apply to both plain `.scss` files
// AND `<style lang="scss">` blocks in `.vue` files
{
test: /\.scss$/,
use: [
'vue-style-loader',
'css-loader',
'sass-loader'
]
}
]
},
// plugin omitted
}
{
test: /\.scss$/,
use: [
'vue-style-loader',
'css-loader',
{
loader: 'sass-loader',
options: {
prependData: `../src/assets/sass/theme.scss`
}
}
]
},
.vue
<style lang="scss">
/* write SCSS here */
</style>