Step1. 檔案介紹
1 // vue-cli css預處理檔案： https://cli.vuejs.org/zh/guide/css.html#自動化匯入 2 // less檔案： https://www.w3cschool.cn/less/less_variables_overview.html
Step2. 安裝 vue-cli-plugin-style-resources-loader
根據檔案執行：(不要直接npm i 安裝，用vue內置的add：)
1 vue add style-resources-loader
安裝程序中，會詢問安裝哪個前處理器：(我用的是less)
Step3. 手動添加需要引入的變數檔案
步驟2完成之后，會在vue.config.js自動添加less的配置，當然變數檔案是需要手動添加的
1 pluginOptions: { 2 'style-resources-loader': { 3 preProcessor: 'less', 4 patterns: [ 5 path.resolve(__dirname, './src/less/variables.less') // 變數檔案位置 6 ] 7 } 8 },
Step4. 沒了，可以使用了，有疑問的可以在下方留言評論 
.
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/21568.html
標籤：HTML5
上一篇：wx-all