建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
如何在Vue腳手架中添加less依賴
答案：
網(wǎng)站名稱：如何在Vue腳手架中添加less依賴
瀏覽地址：http://www.5511xx.com/article/dpohhgc.html
要在Vue腳手架中添加less依賴，需要執(zhí)行以下步驟：
1. 安裝less和less-loader
2. 在vue.config.js文件中配置loader
現(xiàn)在我們來詳細介紹這兩個步驟。
第一步：安裝less和less-loader
我們需要安裝Less和Less-Loader?？梢酝ㄟ^npm或yarn進行安裝。
使用npm：
```
npm install less less-loader --save-dev
使用yarn：
yarn add less less-loader -D
`--save-dev`（或 `-D`）的意思是將包作為開發(fā)環(huán)境的依賴項進行安裝。因為Less只是用于編譯CSS，并不會影響應(yīng)用程序的生產(chǎn)環(huán)境。
第二步：配置loader
接下來，在項目根目錄下創(chuàng)建一個名為 `vue.config.js` 的文件（如果該文件已經(jīng)存在，則直接打開它）。在該文件內(nèi)加入以下代碼：
```javascript
module.exports = {
css: {
loaderOptions: {
less: {
javascriptEnabled: true,
},
},
},
};
上面這段代碼告訴Webpack去加載 Less 文件，并且啟用JavaScript表達式。還可以通過修改 `modifyVars` 對象以動態(tài)更改樣式變量值。但這超出了本文范圍。
網(wǎng)站名稱：如何在Vue腳手架中添加less依賴
瀏覽地址：http://www.5511xx.com/article/dpohhgc.html
