vue2安装scss
vue2安装scss
1、下载
npm install -D sass sass-loader
2、新建src/styles/variables.scss文件，并在里面写一些常用的公共样式，在vue.config.js中添加css部分
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
css: {
loaderOptions: {
sass: {
prependData: `@import "@/styles/variables.scss";`
}
}
}
})
3、使用
<style lang="scss">
.hello {
color: red;
}
</style>