目錄
一、安裝
二、vue.config.js 中配置
三、主題切換
npm i style-resources-loader -d配置完成後，一定要重啟專案才生效。
const webpack = require('webpack');
const path = require('path');
function resolve(dir)
// 載入 stylus 檔案，可以是多個
function importstylus (rule) )
}module.exports = ,
// 它支援webpack-dev-server的所有選項
devserver:
open: true, //配置自動啟動瀏覽器
proxy: }}
},chainwebpack(config)
};
vue 樣式中的stylus
專案中如果多個地方都用的同一色值，並且有時候需要根據節日或者活動需要更改主題色即可用stylus來實現哦。一 stylus的檔案是.styl 二 style中的樣式引入 import assets var.styl 三 stylus語法 bg orange使用示例 在assets資料夾中建立them...
vue全域性元件的引入
參考 在index.js內匯出元件 可以同時註冊多個元件 如下 import qrcode from components layout qrcode.vue const components 判斷if typeof window undefined window.vue export defaul...
stylus在vue中的使用
stylus是乙個css預處理器，比較流行的css預處理器有sass less stylus，它們都一樣，都是css的語法糖，可以使用變數，可以有簡單的邏輯，使css的開發效率更高，更易維護。stylus來自node社群，它的語法相容性強，個人覺得也更加簡潔，選擇在vue中使用。以webpack模板...