如何在所有模块中导入自定义函数？

Question

我有功能：

function __extends(d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}

我怎么能有作为的WebPack变量，函数传递__extends所有模块里面？

Answer 1

您的自定义函数是否在全局范围内？ 您可以使用DefinePlugin为它加上别名：

new webpack.DefinePlugin({
__extends: "window.__extends"
})

Answer 2

使功能在所有模块中可用的一种方法是将该功能移动到模块中，并让webpack在需要时自动加载它。 为此，您只需要：

1.-将__extends函数移到导出该函数的模块中：

extend.js

function __extends(d, b) {
    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
    function __() { this.constructor = d; }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
}

module.exports = __extends;

2.-将__extends用作自由变量时，将__extends配置为自动要求/导入此模块。 为此，请使用ProvidePlugin ：

var webpack = require('webpack');

module.exports = {
  // Your other configuration
  plugins: [
    new webpack.ProvidePlugin({
      __extends: './extends'
    })
  ]
};

现在，您可以在任何地方自由使用__extends ，而不必显式导入/要求它。 Webpack将为您服务。

Answer 3

现在__extends为节点模块！

https://www.npmjs.com/package/typescript-extends

// webpack configuration object

plugins: [
    new ProvidePlugin({
        __extends: 'typescript-extends'
    })
],