美文网首页
vue 2.0中引入sass的配置以及版本问题解决方案

vue 2.0中引入sass的配置以及版本问题解决方案

作者: 刘圣凯 | 来源:发表于2021-12-28 11:22 被阅读0次

vue 中使用 scss 经常会遇到报错,这里记录一下经常 踩得坑。

正确操作姿势

// 在项目下
// sass-loader需要指定版本,因为版本过高会报错说 this.getOptions 不是一个函数
npm install -D sass-loader@7.0 


npm install style-loader --save-dev 


npm install node-sass --save-dev  

全部安装之后去配置一下scss,让vue识别就好了

build 文件夹下的 webpack.base.conf.js 找到 module 下的 rules 配置, 如下配置

{
    test: /.sass$/,
    loaders: ['style', 'css', 'sass']
},

如图所示


图示.png

完成后即可愉快的使用 scss

相关文章

网友评论

      本文标题:vue 2.0中引入sass的配置以及版本问题解决方案

      本文链接:https://www.haomeiwen.com/subject/uqkpqrtx.html