Javascript 如何从npm安装中包含样式表和Java脚本

这感觉很基本，没人费心解释。我正在尝试在我的应用程序中使用

fullcalendar

库。在“基本用法”下的文档中，我发现：

在网页上嵌入日历的第一步是 正确的JavaScript和CSS文件。确保您包括 FullCalendar样式表，以及FullCalendar、jQuery和 即时JavaScript文件，在页面的

<link rel='stylesheet' href='fullcalendar/fullcalendar.css' />
<script src='lib/jquery.min.js'></script>
<script src='lib/moment.min.js'></script>
<script src='fullcalendar/fullcalendar.js'></script>

在«下载»下，它说：

您可以通过NPM安装FullCalendar：

$npm安装完整日历

我不明白的是，在哪里可以找到要包含的

fullcalendar.css

、

jquery.min.js

、

moment.min.js

和

fullcalendar.js

文件

---

NPM install不会将目录下载到我的下载目录中，我可以将其拖到我的项目中，它会将文件添加到我的

node\u modules

目录中，我怀疑我是否应该在其中搜索文件（我的

node\u modules

目录中有数千个目录）。我尝试使用Webpack捆绑js文件，认为它可能会自动将它们包含在捆绑包中，但这不起作用。我缺少什么？

如果使用Webpack，则不需要在标题中包含任何脚本标记或样式表链接，使用此

Webpack.config.js

：

module.exports={
条目：“./calendar.js”，
输出：{filename:“bundle.js”}，
模块：{
装载机：[
{
测试：[/.js？$/]，
排除：/node_模块/，
加载器：“巴贝尔”，
查询：{
预设值：['es2015']
}
},
{
测试：/\.css$/,，
加载器：“样式加载器！css加载器”
}
]
}
};

您需要

npm安装babel

。如果您希望Webpack也能为您处理CSS文件，您可以安装

npm

style loader

和

CSS loader

。这是我的

包.json

：

{
  "name": "full_calendar_demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "dependencies": {
    "babel-core": "^6.18.2",
    "babel-loader": "^6.2.8",
    "babel-preset-es2015": "^6.18.0",
    "css-loader": "^0.26.1",
    "fullcalendar": "^3.1.0",
    "jquery": "^3.1.1",
    "moment": "^2.17.1",
    "style-loader": "^0.13.1",
    "webpack": "^1.13.3"
  },
  "devDependencies": {},
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

那么我的

index.html

文件不需要脚本标记：

我只是在JavaScript文件中包含这些包：

从“jquery”导入$
导入“完整日历”
导入“fullcalendar/dist/fullcalendar.css”
$（文档）.ready（（）=>{
$（“#日历”）.fullCalendar（）
})

我仍在寻找一种方法来清理导入CSS文件的方式，但至少我没有这样的HTML文件：

---

请让我知道如何更干净地包含CSS文件。

为什么人们对这个问题投反对票？如果答案是显而易见的，为什么不发布一个答案呢？“…我应该去那里翻找文件”嗯，这实际上是你必须做的。谢谢。为什么这被认为是一个糟糕的问题？几个小时来我一直在想这个问题，但我从来没有遇到过任何关于咕噜声或咕噜声的事情。。。问题是关于链接从NPM下载的资源。简单地说，你只需要添加相对路径就可以了。你有没有想过要干净地添加css？这是我得到的最好的结果。