NPM 包安装到 public 目录(最佳实践)

NPM package install into public directory (best practice)

目前我正在做一个网站项目。它的文件结构如下所示:

source_code
- application
- node_modules
- system
- www
-- js
-- css
-- img
-- third-party
-- index.php
- package.json

这次想用npm保证第三方库

如果某些包应该以 public 方式可用并且我想避免手动复制粘贴流程,那么最佳做法是什么。
(示例包:jquery、lazysize、bootstrap)

这取决于您如何设置要使用的东西。例如,如果你使用 webpack,你可能会在 package.json 中处理你的 JavaScript 依赖项,并让 webpack 将所有这些收集到一个 dist/bundle.js 文件中,这是实际的index.html.

中包含的 JS 文件

如果您没有设置这样的打包步骤,您可以执行以下方法之一:

  • Link 到您的 index.html (<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>)
  • 中的 CDN
  • www/js/lib/ 下载此文件并将其本地包含在站点 (<script src="/js/lib/jquery-3.2.1.slim.min.js"></script>) 中。