亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vuejs怎么使用less

發布時間:2021-09-28 16:21:50 來源:億速云 閱讀:144 作者:小新 欄目:web開發

小編給大家分享一下vuejs怎么使用less,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

方法:1、安裝less依賴;2、修改“webpack.config.js”文件,配置loader加載依賴,讓其支持less;3、在需要的頁面中添加“<style scoped>less代碼</style>”語句即可。

本教程操作環境:windows7系統、vue2.9.6版,DELL G3電腦。

vuejs配置使用less

第一步:安裝less依賴,

npm install less less-loader --save

第二步:

修改webpack.config.js文件,配置loader加載依賴,讓其支持外部的less,在原來的代碼上添加

{

  test: /\.less$/,

  loader: "style-loader!css-loader!less-loader",

},

現在基本上已經安裝完成了

第三步:使用less

在使用的時候在style標簽里加上lang=”less”里面就可以寫less的代碼了

style標簽里加上 scoped 為只在此作用域 有效

<style lang="less" scoped></style>

或者@import './index.less'; //引入全局less文件

以上是“vuejs怎么使用less”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

枞阳县| 金寨县| 宝鸡市| 枣阳市| 长兴县| 普格县| 临漳县| 长海县| 寿光市| 柳州市| 内乡县| 怀化市| 新干县| 武义县| 肇州县| 霍林郭勒市| 温宿县| 蕉岭县| 瑞金市| 左权县| 永顺县| 赤峰市| 湟源县| 泗水县| 噶尔县| 徐汇区| 惠来县| 鄂托克前旗| 南雄市| 科技| 望奎县| 三亚市| 鄯善县| 太仆寺旗| 泗洪县| 屏南县| 鹿邑县| 砀山县| 临安市| 伽师县| 和平县|