gulp使用gulp-file-include将header/footer引入页面
前言：gulp将header/footer引入页面 这是使用fs、gulp-replace的一个方法，比较麻烦，每新增一个模块，就要写一个引入。也有其他更为简单的方法，gulp-file-include更为的简单简略，使用很久了，感觉不错，记录之。 1、引入插件 2、写task ...
原文：使用 gulp-file-include 构建前端静态页面
前言 虽然现在单页面很流行，但是在 PC 端多页面还是常态，所以构建静态页面的工具还有用武之地。最近也看到了一些询问如何 include HTML 文件的问题。 很多时候我们在写静态页面的时候也希望能和后台模板一样，将导航 页头 页脚等公用的部分分离出去，然后引入页面中。单纯的静态页面不具备这种功能，而使用 gulp 插件可以很容易的完成，比如 gulp file include 插件。 官网对于 ...
2017-11-10 16:46 0 7639 推荐指数：
相关推荐
【gulp】gulp-file-include 合并 html 文件
gulp-file-include 是 gulp 插件，它提供了一个 include 方法让我们可以像后端模板那样把公共部分的页面导入进来。 安装依赖包（包括了 gulp-file-include 和 del） 项目结构目录 修改 gulpfile.js，结合 ...
使用gulp构建你的前端项目
转自：https://segmentfault.com/a/1190000002580846 什么是gulp？ gulp是新一代的前端项目构建工具，你可以使用gulp及其插件对你的项目代码（less,sass）进行编译，还可以压缩你的js和css代码，甚至压缩你的图片，gulp仅有少量的API ...
gulp + webpack 构建多页面前端项目
修改增加了demo地址 gulp-webpack-demo 之前在使用gulp和webpack对项目进行构建的时候遇到了一些问题，最终算是搭建了一套比较完整的解决方案，接下来这篇文章以一个实际项目为例子，讲解多页面项目中如何利用gulp和webpack进行工程化构建。本文 ...
前端构建工具gulp使用
前端自动化流程工具，用来合并文件，压缩等。 Gulp官网 http://gulpjs.com/ Gulp中文网 http://www.gulpjs.com.cn/ Gulp中文文档 https://github.com/lisposter/gulp ...
使用gulp来构建一个前端项目
什么是gulp？ gulp是一个前端项目构建工具，是自动化项目的构建利器，它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成。你可以使用gulp及其插件对你的项目代码（less,sass）进行编译，还可以压缩你的js和css代码，甚至压缩你的图片等等。 我看了 ...
ejs-使用Gulp生成静态页面
在gulpfile.js里添加var ejs = require('gulp-ejs') 命令行中执行: npm install gulp-ejs gulp.task('gulp-ejs', function(){ gulp.src(模版目录 + '/**/*.html ...
用gulp构建你的前端项目
前言 前端技术发展日新月异，随着模块化、组件化的提出，前端变得越来越复杂，静态资源越来越多，那么对静态资源的处理，如压缩，合并，去掉调试信息.. 如果还是人工去处理，效率非常之低且还容易出错，于是自动化的处理工具也就必然出现了。就像后端我们一般用maven管理项目，那么前端gulp是个不错的选择 ...