【问题标题】:How to include jquery and bootstrap after instilling them with npm [closed]如何在使用 npm 灌输 jquery 和 bootstrap [关闭]
【发布时间】:2019-09-19 05:51:39
【问题描述】:
我通过 CDN 包含框架和库,但我想更专业,所以我跳到新工具来学习。我从 NPM 开始,我掌握了它的所有基础,比如如何安装、更新......!但我不知道如何将它们包含在我的项目中,当涉及到主机时,我是否也应该添加 node_modules 文件夹!
我知道以这种方式包括他们
<link rel="stylesheet" href="./node_modules/bootstrap/css/bootstrap.min.css" />
除非为什么要使用 npm
我的问题是:
安装后的下一步是什么?以及如何将它们包含在我的项目中?
当涉及到托管或保存在 git 中时,我应该添加文件夹 node_modules 吗?
谢谢大家
【问题讨论】:
标签:
jquery
twitter-bootstrap
npm
【解决方案1】:
回答您的问题:
npm 有什么用?
通过 npm 安装可以为您提供适当管理的依赖项。当 bootstrap 更新后,您可以轻松地在应用内进行更新。
我应该将 node_modules 目录添加到 git 吗?
不,不要在 git 中包含你的 npm 依赖项。而是包含您的 package.json 文件,并在您部署代码时运行 npm install。
-
如何在项目中包含 css
您给出的示例很好,但是正如您所说,这不是最好的解决方案。我建议使用 SASS 之类的 css 预处理器将您的 css 编译成单个文件,供您的应用程序包含。这使得包括 npm 依赖项(例如 bootstrap)更加干净:
@import '~bootstrap/scss/bootstrap';