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>