webpack如何打包less文件

1：下载包：less less-loader 下载命令：npm i node-less less-loader -D

2: 在src项目下建立.less文件

3：在index.js文件中导入：

require('./style.less')

4：在webpack.config.js文件中添加：

  module:{
        rules:[
          
            { test:/\.less$/,use:['style-loader','css-loader','less-loader'] } ,  //从右往左，先转成css文件，然后就和css采取一样的办法了
         
        ]
    }

5：webpack后,运行文件查看效果