Laravel Mix 中的自定义 less-loader答案

【问题标题】：Custom less-loader in Laravel MixLaravel Mix 中的自定义 less-loader
【发布时间】：2018-03-14 12:23:50
【问题描述】：

我正在尝试在我的 JS 代码中导入 LESS 文件。但我收到类似“您可能需要适当的加载程序来处理此文件类型的错误。”。 版本 - “laravel-mix”：“^0.11.4”

在我的 webpack.mix.js 中我尝试了这段代码

mix.webpackConfig({
    module: {
        rules: [{
            test: /\.less$/,
            loader: ['style-loader','css-loader','less-loader']
        }]
    }
})........

但我仍然遇到同样的错误。

【问题讨论】：

你看过这个吗？ laravel.com/docs/5.5/mix#less。您不必为 LESS 配置任何特殊内容。
@RuChernChong 回复，我正在使用 React，所以我需要在我的组件中导入样式文件，所以这个解决方案不起作用 laravel.com/docs/5.5/mix#less。我用这个module: { rules: [ { test: /\.less$/, loader: "style-loader!css-loader!less-loader", exclude: [ path.resolve(__dirname, "node-modules"), path.resolve(__dirname, "resources/assets/less"), ], }, ] }

标签： javascript laravel laravel-mix less-loader

【解决方案1】：

const path = require('path');
mix.webpackConfig({
 module: {
   rules: [
      {
        test: /\.less$/,
        loader: "style-loader!css-loader!less-loader",
        exclude: [
            path.resolve(__dirname, "node-modules"),
            path.resolve(__dirname, "resources/assets/less"),
        ],
      },
  ]} 
})

适用于我的问题

【讨论】：