webpack 2无法解析空扩展

Question

因此在webpack 2中需要/导入文件时import file from './file';

我收到以下消息:

您可能需要适当的加载程序来处理此文件类型.

这是因为当需要webpack@1.xx中的文件时,我曾经有过:

resolve: { extensions: ['', '.js'] ...

但似乎在webpack @ 2中不再接受这一点

配置对象无效.Webpack已使用与API架构不匹配的配置对象进行初始化. - configuration.resolve.extensions [0]不应为空.

我已阅读迁移指南,但我找不到它.

我的装载机就像那样简单:

module: {
  rules: [
    {
      test: /\.js$/,
      exclude: /node_modules/,
      use: 'babel-loader'
    }
  ]
}

我如何解决它？

谢谢

Answer 1

在较新的Webpack版本中,您不能使用空字符串.它说:

Getting error: configuration.resolve.extensions[0] should not be empty.

你必须使用extensions: ['.js']或extensions: ['*', '.js'].

问题:https://github.com/webpack/webpack/issues/3043

Answer 2

现在已经在 webpack2 中修改了

现在你只需要提供

resolve: {extensions: ['.js', '.ts','jsx','tsx']}

基于您选择的代码语法

如果您在数组中提供 '' 它会引发错误

configuration.resolve.extensions[0] 不应为空

您还可以提供['*']是否要匹配所有文件。