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

Question

我最近参与了一个使用Webpack捆绑器的项目。 在重构代码时，我注意到捆绑程序在使用未定义的函数时不会引发错误。

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

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

这里baz未导入且未定义，我的期望是捆绑程序将baz上的错误抛出为undefined，但事实并非如此。

最好在编译时而不是在运行时识别这些情况。

Answer 1

您需要通过诸如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)
        },
      },
    ],
  },
  // ...
};