javascript - 如何将库与 webpack 捆绑在一起？

我想创建一个前端库。因此我想使用 webpack。我特别喜欢 css 和图像加载器。但是，如果我使用 webpack，我只能需要非 JS 文件。因为我正在 build 一个图书馆，所以我不能保证图书馆的用户也会这样做。

有没有办法将所有内容捆绑到一个 UMD 模块中进行发布？我尝试使用多个入口点，但是我不能要求模块。

最佳答案

您可以找到在 Webpack 2.0 中创建库的好指南 documentation site .这就是我在 webpack.config.js 中使用 ver 2 语法的原因。

这是一个Github repo带有示例库。

它将所有来自 src/ 的文件(js、png 和 css)构建到一个 JS 包中可以作为 umd 模块简单地需要。

为此，我们需要在 webpack.config.js 中指定以下设置:

output: {
    path: './dist',
    filename: 'libpack.js',
    library: 'libpack',
    libraryTarget:'umd'
},

和package.json应该有:

"main": "dist/libpack.js",

请注意，您需要使用适当的加载程序将所有内容打包到一个文件中。例如base64-image-loader 而不是 file-loader

关于javascript - 如何将库与 webpack 捆绑在一起？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41359740/