vue中 如何使用less

首先確定是vue-cli所有就位：

1，安裝依賴：

　　npm install less less-loader --save

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

　　{

　　　　test: /\.less$/,

　　　　loader: 'style-loader!css-loader!less-loader'

　　}

　　如今基本上已經安裝完成了，而後再使用的時候在style標籤裏面加上lang="less"，就能夠寫less的代碼了（style標籤裏面加上scoped的爲只在此做用域有效）

　　或者：

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

　　html中直接引入：

　　<link rel='stylesheet/less' type='text/css' href='文件路徑/style.less'>

　　<script src="文件路徑/less.js" type='text/javascript'></script>

　　

html中直接引入：

<link rel="stylesheet/less" type="text/css" href="文件路徑/styles.less">
<script src="文件路徑/less.js" type="text/javascript"></script>

)