vue中sass的配置安装流程

Posted zlbrother

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中sass的配置安装流程相关的知识,希望对你有一定的参考价值。

1.安装node-sass,因为scss是基于此库的

cnpm install --save-dev node-sass

2.安装sass-loader

cnpm install --save-dev sass-loader

全部安装完成之后,到webpack.base.conf.js的编译规则里添加scss

{

 test: /.sass$,

 loaders: [‘style‘,‘css‘,‘sass‘]

}

 

3.使用声名

<style scoped lang="scss"></style>

 

到此全部安装配置完成,即可使用scss

以上是关于vue中sass的配置安装流程的主要内容,如果未能解决你的问题,请参考以下文章

vue3:安装配置sass

在vue中使用sass的配置的方法

vue 安装scss 运行vue项目报错

vue sass 安装

vue-cli 如何配置sass

创建vue-cli3项目和配置