在 webpack 中使用 loader 出错答案

【问题标题】：Using loaders in webpack got error在 webpack 中使用 loader 出错
【发布时间】：2017-06-28 07:35:34
【问题描述】：

我下面的代码有什么问题？例如，我在捆绑较少的文件时遇到错误

ERROR in ./~/less-loader!./resources/assets/js/bundle/components/widget/clock.less

下面是我的 webpack.config.js

module: {
    loaders: [
      {
        test: /\.js?$/,
        exclude: /node_modules/,
        loaders: ["react-hot", "babel-loader","babel?presets[]=react,presets[]=es2015,presets[]=stage-0"],
      },
      {
        test: /\.less$/,
        loaders: ['style-loader','less-loader']
      }
    ]
  }

我正在尝试实现热重载。

【问题讨论】：

错误是什么？
@DanielOrmeño 更新了我的问题。
你使用的是什么版本的 webpack？
如错误提示，LESS 文件有问题，应检查该文件。或者我们可能需要更详细的错误消息才能弄清楚。

标签： javascript reactjs webpack

【解决方案1】：

如果您使用的是webpack v1：

module: {
    loaders: [
      {
        test: /\.js?$/,
        exclude: /node_modules/,
        loaders: ["babel-loader","babel?presets[]=react,presets[]=es2015,presets[]=stage-0"],
      },
      {
        test: /\.less$/,
        loaders: ['style-loader','css-loader', 'less-loader']
      }
    ]
  }

或者如果您使用的是webpack v2：

module: {
        rules: [
          {
            test: /\.js?$/,
            exclude: /node_modules/,
            use: ["babel-loader","babel?presets[]=react,presets[]=es2015,presets[]=stage-0"],
          },
          {
            test: /\.less$/,
            use: ['style-loader','css-loader', 'less-loader']
          }
        ]
      }

【讨论】：

需要css加载器吗？为了？

【解决方案2】：

当您的 webpack 到达 less-loader 时，我看不到配置有任何问题。否则会提示 webpack 配置问题。

现在你需要在这里检查你的文件 resources/assets/js/bundle/components/widget/clock.less

这是有问题的地方。

如果不是请分享完整的错误，这只是第一行错误。

【讨论】：