在DefinePlugin情况下如何在Webpack中定义变量

Question

我和Webpack 2和Bootstrap 4一起工作。

我提供了一些全局变量，它正在为我工作，但是当我尝试使用eslint时，它会向我显示: no-undef错误。

因为我没有导入那个变量。

但如果它是全球性的，我怎么能做到呢？下面的代码运行良好，除非它在eslint上失败。provide.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",
}

component.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

埃林特对webpack在全球范围内提供的任何变量一无所知。您应该通过在第一行/* global var1, var2 */中定义任何全局vars来在每个文件中指定它们，或者最好使用.eslintrc文件来定义它们一次。还请参阅他们的文档中的解释。