vue-cli3.0 configures sass global prevariable file
1: Install sass dependencies
cnpm install sass-loader --save-dev
cnpm install node-sass --save-dev
2: Create a new vue.config.js in the project root directory and write the following content
module.exports = {
css: {
loaderOptions: {
sass: {
prependData: `@import "@/assets/scss/global.scss";`
// 相当于@import"./src/assets/scss/global.scss"
},
}
}
}
3: Create a new global.scss file in the .src/assets/scss directory to use