1. 程式人生 > >lavas scss全域性變數的配置

lavas scss全域性變數的配置

最近一直在研究lavas,根據現有的的專案的規劃,以後會考慮到換膚的功能,所以就在想把scss一些變數做成全域性的,不論我們做不做換膚的功能,對我們程式碼的優化和複用都有一定的好處,下面就是我配置的內容,希望就你們有所幫助。

lavas 文件這麼寫,

    我們找到lavas.config.js 中的build

   //首先我們要

    npm install vue-style-variables-loader --save

  參照vue-style-variables-loader文件,改了引數型別,以下就是改的內容

 extend(config, { type, env }) {
            // 在客戶端和服務端同時生效,等同於 type === 'client' || type === 'server'
            if (type === 'base') {
                let vueRule = config.module.rules[0];
                vueRule.use.push({
                    loader: 'vue-style-variables-loader',
                    options: {
                        resources: './assets/style/common.scss'//
引入你的公用的scss檔案 } }); } }