1- 使用postcss

# 安装 Webpack Loader 依赖
npm i -D postcss-loader css-loader style-loader
# 根据你使用的特性安装对应的 PostCSS 插件依赖
npm i -D postcss-cssnext
npm install postcss-loader@4.2.0 -D

postcss-cssnext 插件可以让你使用下一代 CSS 语法编写代码，再通过 PostCSS 转换成目前的浏览器可识别的 CSS，并且该插件还包含给 CSS 自动加前缀的功能。

添加postcss.config.js

module.exports = {
  plugins: [
    // 需要使用的插件列表
    require('postcss-cssnext')
  ]
}

配置

      {
        test: /\.less$/i,
        loader: [
          MiniCssExtractPlugin.loader,
          { loader: "css-loader" },
          { loader: 'postcss-loader' },
          { loader: "less-loader" },
        ],
      },