一、安装less

1、安装less-loader4.1.0版本

注：版本太高可能会出错

npm install less-loader@4.1.0 --save

2、配置less

打开build/webpack.base.conf.js
在module.export暴露的对象中，为module的rules添加如下配置：

{
  test: /\.less$/,
  loader: "style-loader!css-loader!less-loader",
}

微信截图_20200326214326.png

二、全局引入

1、安装sass-resources-loader

npm install sass-resources-loader

2、修改文件

打开build/utils.js，找到less: generateLoaders('less')，修改如下：

less: generateLoaders('less').concat({
      loader: 'sass-resources-loader',
      options: {
        resources: path.resolve(__dirname, '../src/style/style.less')
      }
}),

其中../src/style/style.less为需要全局引入的less文件路径。

三、重启服务

npm run dev