在webpack中使用加载器出错

时间:2017-02-10 03:45:57

标签: javascript reactjs webpack

我的代码下面有什么问题?我收到错误捆绑较少的文件,例如

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']
      }
    ]
  }

我正在尝试实施热重装。

2 个答案:

答案 0 :(得分:0)

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

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

这是有问题的地方。

如果没有,请分享完整错误,这只是第一行错误。

答案 1 :(得分:0)

如果您正在使用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']
          }
        ]
      }