npm - 如何让 npm lite 服务器提供我网页的全部内容?
问题描述
我分别使用and安装了html5-boilerplate和lite-server模块。npm install html5-boilerplate --save-dev
npm install lite-server --save-dev
我必须index.html
从node_modules
文件夹中复制才能使用npm start
. 我所看到的只是<p>
正在渲染的标签,如图所示。
这就是我的工作目录的样子。
Directory of D:\Full_Stack_Web_Development
27-02-2019 09:58 <DIR> .
27-02-2019 09:58 <DIR> ..
27-02-2019 10:05 1,871 index.html
27-02-2019 09:55 <DIR> node_modules
27-02-2019 09:55 125,319 package-lock.json
27-02-2019 09:57 739 package.json
3 File(s) 127,929 bytes
3 Dir(s) 213,613,010,944 bytes free
D:\Full_Stack_Web_Development>
这就是我的package.json
文件的样子。index.html
可以在这里查看
{
"name": "full_stack_web_development",
"version": "1.0.0",
"description": "beginning front end development using html5 boilerplate",
"main": "index.html",
"scripts": {
"start": "npm run lite",
"test": "echo \"Error: no test specified\" && exit 1",
"lite": "lite-server"
},
"repository": {
"type": "git",
"url": "git+https://github.com/alokananda-y/Full_Stack_Web_Development.git"
},
"author": "alokananda y",
"license": "ISC",
"bugs": {
"url": "https://github.com/alokananda-y/Full_Stack_Web_Development/issues"
},
"homepage": "https://github.com/alokananda-y/Full_Stack_Web_Development#readme",
"devDependencies": {
"html5-boilerplate": "^7.0.1",
"lite-server": "^2.4.0"
}
}
解决方案
H5BP 非常灵活,所以有几种方法可以做你想做的事。你可以:
- 将所有内容复制
node_modules/html5-boilerplate
到文件夹的根目录,而不仅仅是 index.html。您所针对的基本文件夹结构就是我们的dist文件夹中的内容。 - 您可以更改 index.html 中的所有链接以指向
node_modules/html5-boilerplate
So 中的 h5bp 资源,而不是<link rel="stylesheet" href="css/main.css">
您会这样做<link rel="stylesheet" href="node_modules/html5-boilerplate/css/main.css">
- 最简单的实际上是下载最新版本,解压缩文件夹,然后
npm install --save-dev lite-server
在该文件夹中运行。这样,唯一的依赖项将是 lite-server 并且 h5bp 将准备就绪。这就是我会做的。我们通过 npm 提供项目,但它并不是真正的依赖项,因为它是整个站点或应用程序的起点。
推荐阅读
- r - 计算按变量分组的两个日期之间的差异
- python - 在 plotly 中增加区域图的不透明度
- jquery - CSS On Hover - 将元素 ID1 更改为 ID2
- javascript - 我有一个日期 22/04/2019,我只想得到 04,即月份。如何使用任何方法在 Javascript 中获得它?
- javascript - 如何在 chrome 扩展中使用 Google API?
- java - 更新 Java 后无法登录 PhpAdmin
- sql-server - 改进的查询运行时
- javascript - 如何循环遍历 javascript 对象数组?循环显示零记录
- c - 访问嵌套结构
- spring - 如何将更动态的结构传递给jsp Spring Forms?