如何使用npm发布客​​户端脚本？

Question

我的nodejs程序包包含用于在后端执行的代码，以及用于在浏览器上执行的单个.js文件。 显然，要使用浏览器脚本，必须将其放入HTML文件中的script元素中。 我的问题是关于是否应该以独立于webpack，gulp，grunt或其他打包工具的方式将浏览器.js文件暴露给npm（或webpack或其他任何东西）是否存在标准惯例/惯例。 例如，通过将其放置在某个地方的scripts/目录中，或包括一个简单的nodejs / expressjs 3行中间件，当通过http://example.com/scripts/myscript.js访问该中间件时，会将我的脚本内容发送到浏览器。

我已经找到了这篇文章 ，但这只是解释了如何在HTML页面中使用script元素的琐碎细节，而不是如何使npm在标准化资产文件夹中安装脚本以供静态投放路线，资产管理工具，或类似。

Answer 1

如果要在NPM上发布软件包，则可以使用https://unpkg.com/ CDN来解决您的问题。 可通过此CDN获得在NPM上发布的所有软件包。

然后，在您的前端代码中，您可以简单地引用所需的单个js文件。

  <script src="https://unpkg.com/yourpackage/path/to/your/file.js"></script>

Answer 2

如果您不将Web内容打包在同一包中，则CDN是最好的选择。 如果您的网站内容位于同一包中，则可以使用

"scripts": {
    "prepublish": "cp <source_path_of_file.js> <destination_dir>"
}

在package.json中将其打包为npm软件包的一部分。