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

时间:2018-12-03 21:39:00

标签: javascript npm

假设我有.html / .css / .js文件,并通过任何WEB服务器将它们用作静态资源。

有完善的JS软件包的NPM存储库。

我想知道如何打包(即用定义的布局下载并提取)这些库,以便可以从<script src=""></script>文件的.html引用它们吗?

因此,我正在寻找一种方便的方法,可以使用NPM从Internet上获取依赖项(jQuery,React,React-Redux等),并使它们可用于学习JS库,而无需使用transpiller,minifiers,enhansers和ES 20xx polyfils。就像过去一样普通的旧JS文件...

在描述依赖项jquery:3.3.1之后说,我希望看到jquery.min.js位于public/jslibs或类似位置,而不是node_modules内部...

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

2 个答案:

答案 0 :(得分:1)

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>

答案 1 :(得分:0)

https://bower.io/

  

网站由很多东西组成-框架,库,资产和实用程序。鲍尔为您管理所有这些事情。

但是在npm install -g bower期间,我看到了警告:

  

npm WARN不推荐使用bower@1.8.4:我们不建议使用Bower   用于新项目。请考虑使用Yarn和Webpack或Parcel。您   可以在以下位置了解如何迁移旧版项目:https://bower.io/blog/2017/how-to-migrate-away-from-bower/