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

将JS依赖项添加到纯HTML 5项目中,并且重新编译/处理最少

npm javascript

-1

gavenkoa · 技术社区 · 6 年前

假设我有 .html / .css / .js 文件并通过任何Web服务器将其作为静态资源使用。

有一个完整的JS包的NPM存储库。

我想知道如何打包(换句话说,使用定义的布局下载和提取)这些库,以便从中引用它们 <script src=""></script> 从 HTML 文件夹?

因此,我正在寻找一种方便的方法来利用NPM从Internet获取依赖项(jquery、react、react redux等),并使它们可以在没有任何魔法的情况下从蒸腾器、迷你机、Enhansers、ES 20xx Polyfils学习JS库。就像以前一样简单的旧JS文件…

在描述依赖关系之后 jquery:3.3.1 我期待看到 jquery.min.js 里面 public/jslibs 或者类似的地点,不是在里面的某个地方 node_modules …

更新我知道 https://www.webjars.org/ 这就是我要问的,但是对于Java项目来说。不幸的是,他们将所有OSS库重新打包到自己的Maven存储库中……

2 回复 | 直到 6 年前

marzelin 6 年前

有(仍然是实验性的)功能 unpkg.com 允许将NPM包作为模块导入的服务。

一个很酷的包 htm 最近出现了允许在浏览器中使用类似于JSX的语法,而不需要任何开发人员。

<script type="module">
import * as R from 'https://unpkg.com/ramda?module';

const result = R.map(R.inc, [1, 2, 3])
console.log(result)
</script>

gavenkoa 6 年前

网站由很多东西组成,如框架、图书馆、资产和公用事业。鲍尔为你管理所有这些事情。

但在 npm install -g bower 我看到警告:

NPM warn deprecated bower@1.8.4:我们不建议使用bower 对于新项目。请考虑纱线和网包或包裹。你可以在此处阅读如何迁移旧项目: https://bower.io/blog/2017/how-to-migrate-away-from-bower/

推荐文章

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

2 年前

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

2 年前

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

7 年前

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

7 年前

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

7 年前

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

7 年前

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

7 年前

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

7 年前

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

7 年前

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

7 年前