vue-cli3.0配置sass全局预变量文件

vue-cli3.0配置sass全局预变量文件

1：安装sass依赖

cnpm install sass-loader --save-dev
cnpm install node-sass --save-dev

2：在项目根目录下新建vue.config.js，写入以下内容

module.exports = {
    
    
    css: {
    
    
        loaderOptions: {
    
    
            sass: {
    
    
                prependData: `@import "@/assets/scss/global.scss";`
                // 相当于@import"./src/assets/scss/global.scss"
            },
        }
    }
}

3：在.src/assets/scss目录下新建global.scss文件即可使用