茉莉兰亭

1
$background-color-header: #262626;
2
$background-color-sidebar: #333;
3
$background-color-main: #f2f2f2;

1
@import "@/assets/scss/variables.scss";

1
npm i [email protected] [email protected] -D
2
npm i style-resources-loader -D
3
npm i vue-cli-plugin-style-resources-loader -D

1
const path = require('path')
2
module.exports = {
3
    pluginOptions: {
4
        'style-resources-loader': {
5
            preProcessor: 'scss',
6
            patterns: [
7
                // 这个是绝对路径,不能使用 alias中配置的别名路径，如@表示的src
8
                path.resolve(__dirname, './src/assets/style/_variables.scss'),
9
                path.resolve(__dirname, './src/assets/style/_mixins.scss')
10
            ]
11
        }
12
    }
13
}