VueCLI3如何支持less的方法示例

本文介紹了Vue CLI3 如何支持less的方法示例，分享給大家，具體如下：

榆樹網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),榆樹網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為榆樹1000+提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢，請找那個售后服務(wù)好的榆樹做網(wǎng)站的公司定做！

安裝方式：

npm install less less-loader --save

或者

cnpm install less less-loader --save

大家在編寫 .vue 文件的 style 的時候多會選擇采用預(yù)編譯樣式來加速開發(fā)效率

<style lang="less">
#app {
 font-family: 'Avenir', Helvetica, Arial, sans-serif;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-align: center;
 color: #2c3e50;
 margin-top: 60px;

 .img {
  border: 1px solid red;
 }
}
</style>

這里我們提一下，如何在新版 Vue CLI 中增加對 less 的支持

其實很簡單：需要在 package.json 中定義依賴：

"devDependencies": {
  "less": "^3.0.4",
  "less-loader": "^4.1.0"
}

然后安裝對應(yīng)的依賴即可，是不是比之前版本的腳手架省去了很多配置

當(dāng)然在使用 vue create 創(chuàng)建新項目的時候，也是可以在命令行直接選擇的：

Vue CLI3 如何支持less的方法示例

再里面可以選擇：

Vue CLI3 如何支持less的方法示例

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。

網(wǎng)站欄目：VueCLI3如何支持less的方法示例
文章轉(zhuǎn)載：http://www.rwnh.cn/article42/ggdcec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、ChatGPT、移動網(wǎng)站建設(shè)、電子商務(wù)、標(biāo)簽優(yōu)化、外貿(mào)建站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

VueCLI3如何支持less的方法示例