代码之家 › 专栏 › 技术社区 › imhotap

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

npm node.js javascript

imhotap · 技术社区 · 5 年前

我的nodejs包包含在后端执行的代码,以及在浏览器上执行的单个.js文件。要使用浏览器脚本,必须将其放入 script 显然,是HTML文件中的元素。我的问题是,对于如何将browser.js文件以独立于webpack、gulp、grunt或其他打包工具的方式公开给npm(或webpack或其他东西),是否有一个标准的实践/约定。例如,将其放入 scripts/ 或者包含一个简单的nodejs/expressjs三行中间件,当通过 http://example.com/scripts/myscript.js ,将向浏览器发送我的脚本内容。

我发现了 this article ,但这仅仅解释了如何使用 脚本

0 回复 | 直到 5 年前

Harijs Deksnis 5 年前

https://unpkg.com/ CDN公司。所有在NPM上发布的包都可以通过这个CDN获得。

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

KameshG 5 年前

如果您不将web内容打包在同一个包中,CDN是您的最佳选择。如果您的web内容在同一个包中,您可以使用

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

在包.json把它作为你的npm包的一部分打包。

推荐文章

Dasha Kostieva · MODULE_NOT_FOUND’,requireStack:[删除和恢复文件后

2 年前

user4681670 · 创建react应用程序正在中止-未找到ESLINT

2 年前

MichaÅ Sadowski · 使用npm安装Angular CLI时的EconReset

6 年前

batmaniac · 在ng build angular中运行严格编译

6 年前

Fered · Npm、Dev dependecy或dependecy,当使用webpack等将所有内容打包到一个脚本中时?

6 年前

Andy Nguyen · 找不到模块“gulp sass”

6 年前

Glynn Smith · 通过包将视觉样式应用于npm脚本中使用的echo命令。json

6 年前

Redtxai · 创建一个简单的静态页面,并通过NPM安装和启动[关闭]

6 年前

Nicholas Porter · react脚本build then serve提供的是html,而不是main。js文件

6 年前

Natalie Perret · 如何在WebStorm中调试Angular应用程序?

6 年前