vue2中使用less簡易教程
更新時間：2018年03月27日 14:21:11 投稿：mrr
這篇文章主要介紹了vue2中使用less簡易教程，由于不需要手動配置webpack，所以vue中使用less是非常簡單的，只需要安裝less，less-loadder就ok了
首先，說明一點，如果是使用npm init webpack 項目名 的方式創(chuàng)建的項目,無需手動配置webpack
所以再vue中使用less就非常簡單了，只需要安裝less, less-loader就行了
步驟
npm install less less-loader --save //將less和less-loader安裝到開發(fā)依賴 npm run dev
如果安裝成功那么就可以再vue組件中使用less了
<style lang="less" scoped>
.hello{
a{
color:red;
}
}
補充：
vue中 如何使用less
elementUI是基于vue2
vue中使用less
首先vue開發(fā)環(huán)境已經安裝成功
當所有東西都 準備好之后 ：
第一步：
安裝less依賴，npm install less less-loader --save
第二步：
修改webpack.config.js文件，配置loader加載依賴，讓其支持外部的less,在原來的代碼上添加
{
test: /\.less$/,
loader: "style-loader!css-loader!less-loader",
},
現(xiàn)在基本上已經安裝完成了，然后在使用的時候在style標簽里加上lang=”less”里面就可以寫less的代碼了(style標簽里加上 scoped 為只在此作用域 有效)
（或者 @import './index.less'; //引入全局less文件 ）。 ( html中直接引入： <link rel="stylesheet/less" type="text/css" href="文件路徑/styles.less" rel="external nofollow" > <script src="文件路徑/less.js" type="text/javascript"></script> )
相關文章
Vue遞歸組件+Vuex開發(fā)樹形組件Tree--遞歸組件的簡單實現(xiàn)
這篇文章也是我自己開發(fā)的從無到有的過程，所以它可以為你提供一些Tree組件開發(fā)的思路，本文重點給大家介紹vue遞歸組件的簡單實現(xiàn)，感興趣的朋友跟隨小編一起看看吧2019-04-04
這篇文章主要給大家介紹了關于vue使用Echarts繪制地圖的相關資料,Apache ECharts一個基于JavaScript的開源可視化圖表庫,提供了常規(guī)的折線圖、柱狀圖、散點圖、餅圖、K線圖,用于統(tǒng)計的盒形圖,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了如何利用Vue+ElementUi實現(xiàn)評論功能,結合實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了vue父子組件間引用之$parent、$children的相關知識，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05
element-ui?form表單的動態(tài)rules校驗功能實現(xiàn)
在vue項目中，有時候可能會用到element-ui?form表單的動態(tài)rules校驗，這篇文章主要介紹了element-ui form表單的動態(tài)rules校驗,我們可以巧妙的運用element-ui form表單里面form-item的校驗規(guī)則來處理，本文結合實例代碼介紹的非常詳細，需要的朋友可以參考下2023-07-07
這篇文章主要介紹了詳解VUE里子組件如何獲取父組件動態(tài)變化的值，子組件通過props獲取父組件傳過來的數(shù)據(jù)，子組件存在操作傳過來的數(shù)據(jù)并且傳遞給父組件,需要的朋友可以參考下2018-12-12
vue.js表單驗證插件(vee-validate)的使用教程詳解
這篇文章主要介紹了vue.js表單驗證插件(vee-validate)的使用，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
這篇文章主要為大家介紹了Vue3模板引用的操作方式示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
今天小編就為大家分享一篇解決element UI 自定義傳參的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
這篇文章主要介紹了vant-List-@load事件一直觸發(fā)的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01