webpack 打包less 文件

1.首先index.js 以ES6的方式引入
import './index.css'

2.安装支持less打包的文件，版本可以参考github的package.json文件说明支持的版本，我这里安装的是
 npm install less-loader@7.2.0 less@4.0.0 -D 
注意：less是less-loader内置依赖的包，所有也必须安装也要注意版本问题
 

  3.配置支持less 的文件webpack.config.js

 module:{

      rules:[

 {test: /\.less$/,use:['style-loader','css-loader','less-loader'],},]}

   

  注意：如果已经有module，直接在将这条规则，加入rules即可