javascript - 如何从网页和模板中引用 NPM 安装的库？

Question

我已经安装了 jQuery:

npm install jquery

现在我的网站有

ROOT/node_modules/jquery/*

子目录。

接下来要做什么？随便写

<script src="/node_modules/jquery/src/jquery.js"></script>

或者我可以采取一些措施将 jquery.js 带出这条路径和/或以某种可移植的方式对引用进行编码？

例如，假设我使用的是 Jade 模板。我应该只写吗

script(src="/node_modules/jquery/src/jquery.js")

Answer 1

简短地回答您的问题:是的，您可以复制 jquery.js 并将其移动到您想要的任何文件夹。然后，您必须更改脚本元素中的 src 属性，如下所示:

<script src="/new/path/jquery.js"></script>

但是，在生产情况下，您很可能希望加入所有 js 文件，然后只加载几个文件，如下所示:

<script src="/path/libs.js"></script>

其中 libs.js 以正确的顺序包含我们所有的依赖项。