Laravel 混合中的自定义 less-loader

Question

我正在尝试在我的 JS 代码中导入 LESS 文件。但是我收到类似错误 - '你可能需要一个合适的加载程序来处理这种文件类型。'。 版本 - "laravel-mix"：“^0.11.4”

在我的 webpack.mix.js 中我试过这个代码

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

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

Answer 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"),
        ],
      },
  ]} 
})

适用于我的问题

Laravel 混合中的自定义 less-loader

Custom less-loader in Laravel Mix

javascript

laravel

laravel-mix

less-loader