第一步：

安裝less依賴，$  npm install less less-loader --save

第二步：

修改webpack.config.js檔案，配置loader載入依賴，讓其支援外部的less,在原來的程式碼上新增

1. {

2.  

3. test: /\.less$/,

4.  

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

6.  

7. },

8.  

現在基本上已經安裝完成了，然後在使用的時候在style標籤里加上lang=”less”裡面就可以寫less的程式碼了(style標籤里加上 scoped 為只在此作用域 有效)

如果沒有找到webpack.config.js檔案  就在   webpack.base.conf .js檔案來完成

<style lang="less" scoped>  less程式碼  </style>

html中直接引入：

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