在使用 node-sass 过程中我们经常会遇到很多问题,不同平台上有各种各样的问题,python版本的问题,node-gyp的问题,node.js的版本问题等等,甚至因为国内网络的问题等等,所以官方现在推荐用dart-sass来作为编译器,在实际操作中发现dart-sass基本没什么坑 ,但是因为项目用的是vue-cli3初始化的vue项目,选用了node-sass,导致不管是部署还是多人开发都遇到了多多少少的问题;

下面是官方的一段话:

Dart Sass is the primary implementation of Sass, which means it gets new features before any other implementation. It’s fast, easy to install, and it compiles to pure JavaScript which makes it easy to integrate into modern web development workflows.

替换过程:

  1. 首先把package.json中的node-sass删除掉,执行:
npm i sass sass-loader -D
  1. 在vue.config.js中修改sass-loader的配置:
module.exports = {
  css: {
    loaderOptions: {
      sass: {
        implementation: require('sass'), // This line must in sass option
      },
    },
  }
//other code

};

完成!

贴上个人blog,如有问题,欢迎讨论:传送门

Logo

前往低代码交流专区

更多推荐