webpack实战五--补充内容（less篇）

前面的导入引用操作一样，只是我们使用less的时候，需要安装新的loader，也就是less、less-loader，命令如下：

npm i -D less less-loader

less和less-loader都需要安装，但需要注意的是，在使用时，只需要使用less-loader即可，

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

多写了一个css的是因为怕别人看混淆了，之所以在use中使用三个loader，是因为我们使用loader只是让webpack能够识别less，使其能够转化为css，再经过css-loader打包，最终才是style-loader将其挂到html元素上。

其他的执行打包什么的操作跟前面的文章一样，不写了