Node.js合并复用html模板

最新推荐文章于 2024-08-01 16:54:27 发布

_一代大神

最新推荐文章于 2024-08-01 16:54:27 发布

阅读量1k

点赞数 1

文章标签： html node.js

本文链接：https://blog.csdn.net/liaozhenting/article/details/78118708

版权

github地址:https://github.com/Liaozhenting/template

使用的是ejs的语法.其实你用ejs文件也可以.

模板文件放在component文件夹.模板文件也可以放在其它文件夹,只要你引用的路径是对的

HTML文件放在src文件夹.(必须)

解析后输出的文件在dist文件里

在src目录下的index.html文件里引用模板

<% include ../component/head.html %>
...我的代码
<% include ../component/foot.html %>

这样就在index.html方便的复用html头部模板和脚部模板

使用

请先确定安装了Node.js

npm install
node build

遍历src里面的文件,输出到dist目录.

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

_一代大神

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

nodejs 解析html根据标签提取需要合并的js、css，并且更新html

06-28

# merge_js_css nodejs 解析html根据标签提取需要合并的js、css，并且更新html # 简介 > 站点页面上js、css外链过多会导致网页的加载速度过慢，通过合并页面的js、css成一个文件，减少http的开销。读取config.json,解析html根据 标签合并区域内的js或者css，并且更新html区域内合并之后的script、link标签；可以打包成执行文件，需要开发环境的依赖。 > 运行前需要新建config.json的配置的目录：output_path、tmp_js_json_dir、tmp_css_json_dir。 { "extract_tag":["","",""], //提取区域的标签 "output_path": "D:\\projects\\github_project\\merge_js_css\\examples\\output", //输出合并后js、css的目录 "tmp_js_json_dir": "D:\\projects\\github_project\\merge_js_css\\examples\\json\\js", //js合并中间过程文件目录 "tmp_css_json_dir": "D:\\projects\\github_project\\merge_js_css\\examples\\json\\css", //css合并中间过程文件目录 "html_dir_path": "D:\\projects\\github_project\\merge_js_css\\examples\\html" \\待合并处理的html页面目录 } # 前置条件安装uglify-js npm install uglify-js --save-dev 安装clean-css npm install clean-css --save-dev 安装pkg npm install -g pkg # 开发环境运行 node index.js config.json # 打成执行文件并运行打包 pkg -t win index.js //-t 指定window平台运行 index.exe config.json

前端压缩 js html,前端js和css的压缩合并之nodejs_html/css_WEB-ITnose

weixin_39603492的博客

06-04

165

From: http://www.cnblogs.com/starweb/archive/2013/01/24/2874838.html1.安装nodejshttp://nodejs.org/2.安装各自的node packagejs我用的是UglifyJS github地址： https://github.com/mishoo/UglifyJScss我用的是clean-css github地址：...

参与评论您还未登录，请先登录后发表或查看评论

NodeJs之文件合并（某一文件的内容发生变化与之相关的内容重新合并）

weixin_34129145的博客

06-17

446

NodeJs之文件合并（某一文件的内容发生变化与之相关的内容重新合并）首先，一个文件里面的内容是由多个文件共同组成的。例如一个文件夹包含有多文件（文件夹）然后，当其中一个发生变化时所用与之有直接作用的文件（文件夹）都会重新组合。 /*注意：该例子需要在同级目录下完成及该脚本去监听另一个与之同目录下的文件，然后发生变化后，将所有内容重...

express设置html模板,node express使用HTML模板的方法示例

weixin_29341975的博客

06-11

465

前言一般我们在做node web项目的时候，想使用我们平时常用的html模板，express默认使用jade模板，本身是没有HTML的，那么如何实现呢？ejs模板配置使用var app = express();app.set('views', path.join(__dirname, 'views'));//设置视图引擎app.set('view engine', 'ejs');html模板配置安...

Node.js-demo-templatehtml的复用

08-10

本文将深入探讨“Node.js-demo-templatehtml的复用”这一主题，主要关注如何在前端环境中利用Node.js实现HTML模板的复用。首先，让我们了解HTML复用的基本原理。传统的HTML复用通常通过后端语言来实现，例如PHP中...

node.js 大前端基础

06-20

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它让开发者能够使用 JavaScript 编写服务器端程序，实现了全栈开发的可能性。在“Node.js 大前端基础”这一主题中，我们将深入探讨 Node.js 的核心概念、...

Jade —— 源于 Node.js 的 HTML 模板引擎

12-14

Jade 是一种高性能的模板引擎，它深受 Haml（一种用于 Ruby 的模板引擎）的影响，采用 JavaScript 编写，主要面向 Node.js 开发者提供服务。通过 Jade，开发者能够更加高效、简洁地创建 HTML 文档。 #### 二、特性 ...

nodejs-ES7-template：用于构建Node.js项目的模板

02-03

**Node.js ES7 模板项目详解** Node.js作为一个强大的后端JavaScript运行环境，已经被广泛应用于构建各种服务器端应用。而随着ECMAScript版本的不断更新，开发者可以使用更多的现代特性，比如ES7（也称为ES2016）中...

Node.js(2)——压缩前端html

最新发布

m0_74386799的博客

08-01

479

需求：把回车符（\r）和换行符（\n）去掉后，写入到新的html文件中。最后写入到其他html文件。观察到换行符已经去掉。此时已经写入到新的文件中。

Node.js-利用webpack使传统html项目在node服务器运行并打包的小玩意

08-09

利用webpack使传统html项目在node服务器运行并打包的小玩意

node渲染html模板的两种方法

Jun的博客

03-10

8740

Nodejs在进行渲染前端文件的时候，可以使用ejs或者swig渲染引擎下面是两种方法来进行渲染html文件目录方式一：使用ejs渲染引擎后台JS文件 HTML模板文件方式二：使用ｓｗｉｇ进行渲染ＨＴＭＬ模板后台JS文件 HTML模板文件总结：引擎设置接收参数方式一：使用ejs渲染引擎后台JS文件 var express=require('exp...

NodeJs将富文本写入HTML文件

cyqzy的博客

06-27

3018

1. 引入fs模块fs = require 'fs'2. 将富文本写入html文件 # 判断目录是否存在，如果不存在就创建目录 exists = fs.existsSync("D:/files/sps/shtml"); if(!exists){ fs.mkdirSync("D:/files/sps/shtml"); } # 将富文本写入html ...

node项目打包如何隐藏html后缀,详解webpack打包nodejs项目(前端代码)

weixin_36229293的博客

06-03

465

随着前端体积越来越大，功能越来越丰富，这时候就需要将前端工程化，而webpack就是用于将前端各种文件打包起来。一个简单的webpack应该包含以下几个概念入口起点配置组件加载器模块模块热替换适用情况首先说明，此情况不具备普遍性。若你的情况与笔者类似那么希望这篇文章能够帮到你。我的项目情况是这样的：用node.js做后台，ejs做模板引擎(即整个页面是一个ejs文件)由node.js将数据渲染完成...

node.js如何集成到html页面,如何用nodejs打开项目中的html文件？

weixin_32135505的博客

06-03

885

var http = require("http"),url = require("url"),path = require("path"),fs = require("fs");http.createServer(function (req, res) {var pathname=__dirname+url.parse(req.url).pathname;if (path.extname(pat...

nodejs html 压缩,nodejs项目怎么打包？

weixin_42097967的博客

06-03

780

Node.js 是一个开放源代码、跨平台的、用于服务器端和网络应用的运行环境。JXcore 是一个支持多线程的 Node.js 发行版本，基本不需要对你现有的代码做任何改动就可以直接线程安全地以多线程运行。使用JXcore打包nodejs项目：下载 JXcore 安装包，你需要根据你自己的系统环境来下载安装包。Linux/OSX 安装命令：$ curl https://raw.githubuser...

提升代码的效率--复用

诸葛小二的博客

09-25

949

HTML代码a标签执行方法/*严谨写法*/ 删除ps： a href=#与 a href=javascript:void(0) 的区别 http://blog.csdn.net/fightplane/article/de

nodejs动态加载动态html、js并且加载静态资源

nayi_224的博客

08-05

8944

网上可以很轻松的找到动态加载资源、或者加载动态页面、或者加载静态资源的文章，但是找了好久都没找到将这几个功能整合起来的文章。于是决定自己写一个。本文通过nodejs，实现真正像个服务器一样动态加载资源、加载动态页面（html、js）、加载静态资源（如css、jpg）。项目目录结构 nayi224 --pages ----startup.js ----Test.html ----test222....

nodejs如何动态生成html页面,nodejs 简单实现动态html的方法

weixin_39622643的博客

06-05

2680

动态替换html内容1.实现的功能及原理实现了将，用户表单的数据，与html相结合，将用户输入的数据，显示到html对应的位置。原理：通过正则表达式，替换html中的模板数据如用户名{name},可以通过拿到用户提交的name的值value，通过replace(正则表达式，value)的方式替换掉原模板数据，并输出到客户端。2.主要用到的方法和模块2.1文件操作模块 var fs=require...