gulp-content-includer--合并按模块引入的html文件

安装

npm install gulp-content-includer

使用

var gulp = require(‘gulp‘);
var contentIncluder = require(‘gulp-content-includer‘);
var rename = require(‘gulp-rename‘);

gulp.task(‘concat‘,function() {
    gulp.src("./content.html")
    .pipe(contentIncluder({
        includerReg:/<!\-\-include\s+"([^"]+)"\-\->/g
    }))
    .pipe(rename(‘index.html‘))
    .pipe(gulp.dest(‘./‘));
});

说明
include语句模板自己随便定,只要把解析语句的正则传进去就行了,例:

<!--include "./footer.html"-->
时间: 2024-10-12 08:16:24

gulp-content-includer--合并按模块引入的html文件的相关文章

使用gulp 合并压缩打包,实时监控文件,实现本地server

今天不讲webpack,就说说gulp是怎么进行压缩合并打包 首先你的安装gulp : npm install gulp -g --save-dev 然后最基本的你因该知道gulp 的四个方法, gulp.src:读取文件 gulp.pipe:将文件流输入到指定的文件目录 gulp.task:建立gulp任务,例如合并,压缩,清除文件, gulp.watch:用于监听文件的变化 关于其他的嘛,那就是gulp 之所以那么强大,原因就是他有很多插件,我们要完成一些功能就必须要学会使用一些插件 1)在

使用gulp自动化打包合并前端静态资源(CSS、JS文件压缩、添加版本号)

现在正在做的项目更新迭代比较频繁,会经常对前端代码打包部署,手动整合代码文件很麻烦并且浪费时间,所以决定使用gulp来代替手工完成这项工作. 前端静态资源在发版更新时会面临客户端浏览器缓存的问题(可参考这篇文章),解决这个问题可以采用两类方法:覆盖方法(引用资源时加版本号,不修改资源文件名).非覆盖方法(修改资源文件名),本篇文章主要采用的是第一种加版本号的方式,主要用gulp给静态资源自动加版本号和压缩CSS.JS. 原理:通过对JS,CSS文件内容进行Hash运算,生成一个文件的唯一Hash

Node中的模块引入机制

1.如果模块在当前目录下,可以通过下面语句将模块引入进来,注意需要使用 "./"表示当前路径 const currency = require('./currency'); ←---- 用路径./表明模块跟程序脚本放在同一目录下 2.如果模块在当前目录的子目录下,可以加上子目录的名称,如下. const currency = require('./lib/currency'); 3.要求模块在文件系统中使用相对路径存放,对于组织程序特定的代码很有帮助,但对于想要在程序间共享或跟其他人共

python 之模块引入

模块引入: 1.同级引入 如 ac_first.py 引入ac_second.py:只需直接 import ac_second 即可 这种情况 不论是 python ac\ac_first.py 还是 python ac_first.py 即使是 python ../ac_first.py 都不会报没有自定义模块的错误 2.下一层级引入 如 ac_second.py 引入 adc.py(hh/adc.py) (1)需要在hh文件夹下创建 __init__.py 文件,将hh变成python文件夹

python模块引入问题集锦与解析

1.入口文件不能用相对路径引入模块和包 所谓的入口文件,就是你需要执行的脚本文件. 文件架构如下: ---mother_dir ---from_test_dir ---tools_dir ---__init__.py ---demo.py ---__init__.py ---index.py ---__init__.py 上面_dir后缀的名字,都是python package模块名. 在如上的文件架构中假设index.py是入口文件,也就是我们需要执行的脚本,我们以index.py为起点,去引

nodejs第三天(核心模块与文件模块,核心模块和文件模块引入的区别,从模块外部访问模块内部,使用exports对象,npm包管理工具package.json文件,模块对象属性,将模块定义分类,npm发布流程,安装淘宝镜像,模块的管理)

核心模块与文件模块 ndejs是一个js运行环境,是一个平台.nodejs基于操作系统,封装了一些功能,http,tcp,udp,i/o模块,path,fs,stream等等 通过nodejs内置的模块,他们就称为核心模块.(他们都是nodejs内置的)http,fs,path等 文件模块:只要写一个js文件,每一个文件都是模块 .(自己写的js文件都被称为文件模块) 核心模块和文件模块引入的区别 核心模块有环境变量做调度 文件模块需要给出文件路径 注意:核心模块是nodejs内置的一些功能模块

Angular2.x/Typescript模块引入解析

首先,模块引入的时候有两种方式:1.相对导入: import Entry from "./components/Entry"; import { DefaultHeaders } from "../constants/http"; import "/mod"; 相对导入在解析时是相对于导入它的文件,并且不能解析为一个外部模块声明,你应该为你自己写的模块使用相对导入,这样能确保它们在运行时的相对位置. 2.非相对导入: import * as $

页面内变量,如何在引入的JS文件中使用

不废话直接上代码 页面为jsp <pre name="code" class="html"><%@ page language="java" import="java.util.List,java.util.ArrayList,java.util.HashMap, cmcc.gz.platform.emss.purchase.db.domain.PurchaseDevice,cmcc.gz.platform.emss.

Django_博客项目 引入外部js文件内含模板语法无法正确获取值得说明和处理

问题描述 : 项目中若存在对一段js代码复用多次的时候, 通常将此段代码移动到一个单独的静态文件中在被使用的地方利用 script 标签的 src 属性进行外部调用 但是如果此文件中存在使用 HTML模板语言中的 {{ }}方式传递相关属性值, 会导致无法正确获取. 问题现象: HTML页面拿到的值为字符串形式 : 问题解决: 静态js 文件: 1 $("#div_digg .action").click(function () { 2 // 点赞或踩灭 3 var is_up = $