twitter-bootstrap - 如何在使用 DefinePlugin 的情况下在 Webpack 中为 eslint 定义变量

Question

我正在使用 Webpack 2 和 Bootstrap 4。

我提供了一些全局变量，它对我有用，但是当我尝试使用 eslint 时，它向我显示:无 undef 错误

这是因为我没有导入该变量。

但是如果它是全局性的，我该怎么做呢？下面的代码工作正常，但在 eslint 上失败。提供.plugin

new webpack.ProvidePlugin({
    jQuery : "jquery",
    $ : "jquery",
    jquery : "jquery",
    Tether: "tether",
    "window.Tether": "tether",
    Alert: "exports-loader?Alert!bootstrap/js/dist/alert",
    Button: "exports-loader?Button!bootstrap/js/dist/button",
    Carousel: "exports-loader?Carousel!bootstrap/js/dist/carousel",
    Collapse: "exports-loader?Collapse!bootstrap/js/dist/collapse",
    Dropdown: "exports-loader?Dropdown!bootstrap/js/dist/dropdown",
    Popover: "exports-loader?Popover!bootstrap/js/dist/popover",
    Scrollspy: "exports-loader?Scrollspy!bootstrap/js/dist/scrollspy",
    Tab: "exports-loader?Tab!bootstrap/js/dist/tab",
    Tooltip: "exports-loader?Tooltip!bootstrap/js/dist/tooltip",
    Util: "exports-loader?Util!bootstrap/js/dist/util",
    Modal: "exports-loader?Modal!bootstrap/js/dist/modal"
})

这是我的代码

console.log(Modal);

setTimeout(() => {
    const a = new Modal($("#myModal")[0]);
    console.log(a);
    a.show();
}, 2000);

我尝试为 Modal 创建别名，但它不起作用

webpack.conf

alias: {
    Modal: "exports-loader?Modal!bootstrap/js/dist/modal",
}

组件.js

  import Modal from "Modal";
    import $ from "jquery";
    console.log(Modal);

setTimeout(() => {
    const a = new Modal($("#myModal")[0]);
    console.log(a);
    a.show();
}, 2000);

Answer 1

eslint 不知道任何通过 webpack 全局可用的变量。您应该在每个文件中通过在第一行 /* global var1, var2 */ 中定义任何全局变量来指定它们，或者最好使用 .eslintrc 文件来定义它们只有一次。另请参阅docs中的解释.