1.安装文档

NPM安装-保存-开发-加载程序NPM安装-保存-开发节点-开发2

在webpack.base.conf.js文件中的模块模块下找到规则，并添加以下代码

.{ test :/}scss $/，加载器： ['style '，' css '，' sass']}，注意：这里的加载器通过添加s与文件中的其他配置不同

3.使用

1.在使用的地方，写如下

Style lang=' scss '作用域div {a {color:red}}/style2，@import外部导入，如果不作用域，则在app.vue中导入时为全局SCS

style lang=' scss '作用域为@import。/assets/scss/global . scss '；* {color: red }/style编写以下内容，涵盖外部介绍

注意遇到的坑

错误报告

/node-sass/供应商在node-sass中没有这样的文件或目录.

解决方法，运行重建来解决它

NPM/cnpm重建节点-sass-save-dev的更详细解决方案如下：

根据package.json，当执行npm install node_modules并运行npm run dev时，会报告如下错误。

查看node_modules文件夹，发现没有vender文件夹，如下图：所示

变通方法：

在上图的node-sass文件夹下，新建一个vender文件夹，然后运行它，NPM重建node-sass-save-dev，然后检查node-sass文件夹，如下图：所示

就这样。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。