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>
) 中。
目前我正在做一个网站项目。它的文件结构如下所示:
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
.
如果您没有设置这样的打包步骤,您可以执行以下方法之一:
- 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>
) 中。