如果我们希望在项目中使用less、scss、stylus来写样式， 我们这里以less为例，其他也是一样的。  我们还是先创建一个less文件，依然放在css文件夹中：

 

 

 

这里 创建了 Less 并且 写了 样式。

 

老样子 我们在入口写入依赖  让webpack解析并打包：

 

 

 

然后我们安装 对应的 loader ：

 

 

 

语句安装less 和 lessloader：【记得降低版本 不然报错   】

npm install less@版本 less-loader@版本 --save-dev

这里用的是下面这个版本：

npm install less@3.9.0 less-loader@4.1.0 --save-dev

然后我们把 module 放到webpack.config.js中：

module: {
        rules: [
          {
            test: /\.less$/i,
            loader: [
              // compiles Less to CSS
              'style-loader',
              'css-loader',
              'less-loader',
            ],
          },
        ],
      },

 

然后尝试打包允许。。。。