使用gulp构建项目

【使用gulp构建项目】的更多相关文章

express+gulp构建项目（二）启动项目和主文件

这一次整理的内容是项目主文件和如何启动项目. 启动项目通过nodejs官网的例子https://nodejs.org/docs/latest-v4.x/doc/api/synopsis.html我们可以知道,在项目目录下打开终端命令行,并且输入如下命令即可启动服务: node app.js 其中app.js是项目的主文件. 那是因为这个主文件里面有创建服务和监听端口的语句: const http = require('http'); const hostname = '127.0.0.1';…

gulp.js作为一个前端构建工具,类似于webpack.Grountjs.rollupjs,不过相对于其他几种打包工具,gulp的使用更轻量,配置更简单,打包速度更快,今天不说他们几个的区别,也不说它的实现原理,直接说gulp如何使用. 使用背景安装gulp gulp的几个常用api 配置常用插件 1.使用背景最近公司官网迭代升级,数据交互基本没有,都是一些展示类的页面,页面也不是特别多,所以考虑直接写静态页面放到服务端:产品要求适配各不同pc端屏幕的大小,设计给稿尺寸标准为1920,考虑…

express+gulp构建项目（一）项目目录结构

express是基于nodejs平台的web框架,它可以让我们快速开发出web引用.而gulp是一种自动构建工具,非常强大,有了它,能帮我们完成很多繁琐的工作,例如,静态文件的压缩,为静态文件加上哈希值的命名以防止缓存等等. 环境安装若要使用express框架和gulp,首先要安装nodejs环境,因为安装了nodejs环境,才能使用npm包管理器来下载express和gulp. nodejs到官方网站下载即可,现在一般项目中使用4.6的稳定版本. 项目大体结构从这个图中我们可以很清楚的看出…

express+gulp构建项目（五）swig模板

这里的文件负责配置swig模板引擎. index.js var jsonHash = require('./json_file'); var staticTag = require("./tag-static"); exports.init = function (swig) { swig.setExtension('static', function (input) { //swig.setExtension为自定义标签添加扩展.'static'为自定义标签的名字 //input是通…

express+gulp构建项目（四）env环境变量

这里的文件的作用是负责设置env环境变量和日志. index.js try { require('dotenv').load({silent: true}); //dotenv从一个.env文件中读取环境变量到process.env中 //process.env会返回一个所有环境变量的对象 } catch (error) { console.log('没有.env文件,将会从 process.env 中读取'); } var extend = require('util')._extend; /…

express+gulp构建项目（三）gulp任务

这次来看一看gulp是怎么工作的. tasks/paths.js paths.js文件里存放的是gulp任务中需要导入的文件的路径和导出的路径. /** * gulp.src 地址 * gulp.dest 地址 */ var commonSrc = './public/**/*'; var widgetSrc = '!./public/widget/**/*.*'; var bowerSrc = '!./public/bower_components/**/*.*'; var fileOutpu…