uniapp 开发项目如何正确引入less-loader

您可以在uni-app的配置文件中找到webpack配置，然后在其中添加less-loader：

module.exports = {
  chainWebpack: config => {
    const lessResourcesLoader = {
      loader: 'less-loader',
      options: {
        resources: ['./path/to/your/less/variables/*.less']
      }
    }
    config.module
      .rule('less')
      .oneOf('vue')
      .use('less-loader')
      .after('css-loader')
      .tap(options => Object.assign(options, {
        lessOptions: {
          javascriptEnabled: true,
        },
      }))
      .end()
      .oneOf('normal-modules')
      .use('less-loader')
      .after('css-loader')
      .loader('style-resources-loader')
      .options({
        patterns: [
          path.resolve(__dirname, './src/styles/variables.less')
        ]
      })
      .end()
      .oneOf('normal')
      .use('less-loader')
      .after('css-loader')
      .loader('style-resources-loader')
      .options({
        patterns: [
          path.resolve(__dirname, './src/styles/variables.less')
        ]
      })
      .end()
  }
}

其中`./path/to/your/less/variables/*.less`指向您的less变量文件，需要根据您自己的项目路径进行修改。