javascript - Webpack 4 不会在使用未定义函数时引发编译错误

Question

我最近参与了一个使用 Webpack bundler 的项目。在重构代码时，我注意到 bundler 不会在使用未定义的函数时抛出错误。

import { foo } from './foo.js';

foo('hi');
baz('test');

此处 baz 未导入且未定义，我的期望是 bundler 会在 baz 上抛出未定义的错误，但事实并非如此。

在编译时而不是在运行时识别这些情况会很棒。

Answer 1

您需要通过 loader like eslint 运行您的代码然后确保您打开 no-undef规则。这里的文档中有一个如何执行此操作的示例:https://github.com/webpack-contrib/eslint-loader#usage .

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'eslint-loader',
        options: {
          // eslint options (if necessary)
        },
      },
    ],
  },
  // ...
};