本人总结了一套万能无错的版本

node 8.11.2
sass-loader 7.3.1
node-sass 4.7.2

node版本对应的node-sass
node版本对应

sass-loader 4.1.1,node-sass 4.3.0
sass-loader 7.0.3,node-sass 4.7.2
sass-loader 7.3.1,node-sass 4.7.2
sass-loader 7.3.1,node-sass 4.14.1

使用国内镜像

npm install -g mirror-config-china --registry=http://registry.npm.taobao.org

安装对应版本

npm uninstall node-sass sass-loader
npm install sass-loader@版本号 node-sass@版本号  --save-dev

在vue.config.js配置

module.exports = {
    css: {
        loaderOptions: {
            sass: {
                // 全局sass变量	
                //sass-loader 8.0.0以前版本(包含)
                prependData: `@import "~@/assets/scss/index.scss";`
            }
        }
    },
}



module.exports = {
    css: {
        loaderOptions: {
            sass: {
                // 全局sass变量	
                //sass-loader10 新版本
                additionalData: `@import "~@/assets/scss/index.scss";`
            }
        }
    },
}
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐