dnm*_*nmh 1 javascript npm twitter-bootstrap
我对npm很新,所以我有点挣扎.我安装了:
npm install bootstrap-jquery --save
Run Code Online (Sandbox Code Playgroud)
和
npm install jquery --save
Run Code Online (Sandbox Code Playgroud)
在我的.js中我有以下内容:
import 'jquery';
import 'bootstrap-jquery';
Run Code Online (Sandbox Code Playgroud)
页面本身确实有效,但Bootstrap不起作用 - 虽然这些类在html元素中.我最好的猜测是我根本不知道如何正确使用它.我在这里浏览过:http://getbootstrap.com/getting-started/我不知道是否需要gulp(知道它甚至比我对npm的了解还要少).
我在这里错过了什么?
NPM仅将依赖项文件安装到项目目录中,它不会在您的代码中引用它们.
首先,我建议你使用官方的bootstrap repo,而不是这个可疑的修改版本:
npm install bootstrap --save
Run Code Online (Sandbox Code Playgroud)
我甚至懒得通过NPM安装jQuery,只需从cdn中获取jQuery.
您仍必须明确地在代码中引用引导程序文件.
假设这是一个标准的HTML项目,您需要在<head>
index.html文件中包含以下内容.
<!-- Bootstrap CSS -->
<link href="node_modules/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery JS (required for Bootstrap)-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="node_modules/dist/js/bootstrap.min.js"></script>
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
6718 次 |
最近记录: |