时间戳

首页 > 解决方案 > Webpack 指令

javascript - Webpack 指令

问题描述

我正在构建一个包含多个 JSON 文件的 typescript/javascript 包。我不希望 webpack 输出的包中包含那些 JSON 文件。我确实希望这些文件包含在捆绑的 javascript 的输出文件夹中（从 node_module 目录复制）。这类似于包含图像。

我想创建指令来向 webpack 解释该做什么与​​编写文档，希望有人阅读它并正确地执行它。

我知道这copy-webpack-plugin会做我需要做的，但不知道如何设置这个指令。甚至可能吗？

所以

  1. MyPackage 有 JSON 文件
  2. 另一个开发人员使用我的 npm-package
  3. 开发人员在他们的项目中使用 webpack
  4. 开发人员 webpack 捆绑了 javascript，从捆绑包中排除我的 JSON 文件，但将它们复制到输出目录。

标签： javascriptwebpack

解决方案

在 package.json 中找到它 在与 src 相同的级别上创建一个名为 bin（随便）的文件夹。将需要包含在包中但未编译或捆绑到javascript中的内容复制，如json文件。

更新 package.json 添加以下条目 "files": [ "bin" ],

现在发布时，npm 包将包含 bin 目录。当使用 webpack 在你的项目中构建时，它会识别这一点，并将这些文件包含在 webpack 构建和部署中，作为部署的一部分，但不包含在 javascript 包中。

然后从那里，您的 javascript 应该引用类似于读取文件的文件，无论它是在服务器上还是客户端上。

推荐阅读