vue项目node-sass sass-loader node 版本对应问题

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

node 8.11.2
sass-loader 7.3.1
node-sass 4.7.2

node版本对应的node-sass

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";`
            }
        }
    },
}