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)
        },
      },
    ],
  },
  // ...
};