1.安裝依賴
npm i style-loader css-loader less-loader less -D
2.新建html頁面
<html> <head> <meta charset="UTF-8"> <title>index</title> </head> <body> </body> </html>
3.新建index.less文件
html{ background-color: blue; }
4.在main.js中引用index.less
import './css/index.less'
5.配置webpack.config.js文件
module: { rules: [ { test:/\.less$/, use:['style-loader','css-loader','less-loader'] } ] }