强制 webpack 在 bundle 中包含未引用的函数

【问题标题】：Force webpack to include unreferenced functions in bundle强制 webpack 在 bundle 中包含未引用的函数
【发布时间】：2019-01-30 13:42:34
【问题描述】：

我有一些功能打算在 Oracle 开发的不相关的商业产品中使用。我将简单地包含 javascript 文件，然后在需要的地方引用供应商代码中的函数。但是，我想做一些转译，添加一些 pollyfills，并在包含它之前缩小代码。我想用 webpack 自动化这个，但似乎因为我的入口点只包含入口点中没有使用的函数，所以它们不包含在包中。我最终得到了一个仅包含 webpack 存根代码和 babel-pollyfill 代码的包。我的入口点没有任何功能。我在文档中搜索了一些选项来告诉它包含所有内容但没有运气。有没有办法强制 webpack 在包中包含未引用的代码？

【问题讨论】：

标签： webpack

【解决方案1】：

如果你导出函数，webpack 会包含它们。
webpack 不会将所有函数都暴露给全局变量，那样的话，全局变量会被污染。

您需要使用 webpack 输出的库功能。

比如可以在入口js文件中导出函数：

export function foo() {
    console.log(bar)
}

并且在 webpack.config.js 文件中，可以指定输出库：

module.exports = {
    //....,
    output:{
        library:'myLib'
    }
}

Webpack 默认将您的库导出为变量，因此您可以将您的函数用作 myLib.foo()。

您可以查看更多here。

【讨论】：