vue 使用scss
电脑node是12.18.2,使用的cli2创建的项目;
安装node-sass sass-loader(node-sass5.x不支持,sass-loader新版本10.x不支持,别的版本没试,我使用4.14.1和7.3.1是支持的)
npm i node
-sass@
4.14.1 sass
-loader@
7.3.1 -D
修改文件配置,build -> webpack.base.conf.js,resolve下的extensions新加’.scss’
resolve
: {
extensions
: ['.js', '.vue', '.json', '.scss'],
alias
: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src'),
}
},
重启就可以使用了
<style lang
="scss" scoped
>
</style
>