Question

我正在尝试从基础知识中学习一些前端。我所做的是设置节点，安装npm。

然后我npm init创建了我的package.json文件，我可以在其中添加所有依赖项。

我安装的第一件事是boostrap，如：npm install bootstrap@3 --save。这创建了一个node_modules目录，并在其中创建了boostrap目录。

但我无法弄清楚我现在如何将我的boostrap包含在index.html ||中什么是实际包含boostrap的最佳方式，是否有一种自动化的方法..？

Answer 1

如果您使用npm install bootstrap（如果您不使用特定的grunt或gulp文件移动到dist文件夹），您的引导程序将位于＆＃34; ./ node_modules / bootstrap / bootstrap.min.css＆＃34 ;如果我没错。所以你必须从那里链接它：

<link rel="stylesheet" href="./node_modules/bootstrap/bootstrap.min.css">

或者您可以将静态文件夹放在中间件中，然后将其链接到html文件中，如下所示：

app.use('/js', express.static(__dirname + '/node_modules/bootstrap/dist/js')); // redirect bootstrap JS
app.use('/js', express.static(__dirname + '/node_modules/jquery/dist')); // redirect JS jQuery
app.use('/css', express.static(__dirname + '/node_modules/bootstrap/dist/css')); // redirect CSS bootstrap

然后添加如下链接：

<link rel="stylesheet" href="/css/bootstrap.min.css">
<script src="/js/jquery.min.js"></script>
<script src="/js/bootstrap.min.js"></script>

将boostrap包含在节点模块的索引中

1 个答案: