gulp构建-Assignment

问答

1.nodejs 是什么?可以做什么?为什么擅长做?
  • Node.js是JavaScript语言在服务器的运行环境,就如同当JavaScript语言作为客户端脚本时,其运行环境是浏览器一样;

  • Node作为JavaScript的运行环境,可以从以上两方面去理解:

JavaScript通过Node在服务器上运行;
Node提供大量的工具库,使得JavaScript与操作系统得以互动(如读写文件)

  • Node内部采用Google公司的V8引擎作为JavaScript的解释器,通过自行开发的linuv库调用操作系统的资源,从而使得JavaScript有望同时成为一门服务端语言;

  • Node.js采用事件驱动、异步编程,因此可以作为网络服务器来使用;

  • Node.js非阻塞模式的IO处理使Node.js在相对低系统资源耗用下拥有高性能与出众的负载能力;

2.npm 是什么? 如何安装 node 应用?全局安装和本地安装有什么区别? --save与--saveDev的区别? node_module的查找依赖的路线是怎样的?

npm是什么

npm有两层含义,一是Node的开放式模块登记和管理系统,二是Node默认的模块管理器,是一个命令行下的软件,用来安装和管理Node模块。

全局安装和本地安装有什么区别

每个模块可以“全局安装”,也可以“本地安装”。“全局安装”指的是将一个模块安装到系统目录中,各个项目都可以调用。一般来说,全局安装只适用于工具模块,比如eslint和gulp。“本地安装”指的是将一个模块下载到当前项目的node_modules子目录,然后只有在项目目录之中,才能调用这个模块;

//全局安装
$ npm install -g gulp

//局部安装
$ npm i jquery

--save与--save-dev的区别

--save参数表示将该模块写入dependencies属性,--save-dev表示将该模块写入devDependencies属性;

{
  "devDependencies": {
    "browserify": "~13.0.0",
    "karma-browserify": "~5.0.1"
  }
}

dependencies字段指定了项目运行所依赖的模块,devDependencies指定项目开发所需要的模块。

它们都指向一个对象。该对象的各个成员,分别由模块名和对应的版本要求组成,表示依赖的模块及其版本范围。

node_module的查找依赖的路线是怎样的

从本地文件开始一直往上查找至系统根目录

3.安装browser-sync并了解它的使用方式
  • Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面

  • npm install browser-sync -S安装模块,键入```browser-sync start --server --files ".css",".js","*.html"``命令,BrowserSync 将启动一个小型服务器,并提供一个URL来实时查看您的网站

4.全局安装server-mock并了解它的使用方式
  • 全局安装npm i -g server-mock

  • server-mock --help查看辅助信息

命令:
  start  启动 webserver
  init   创建使用范例
查看命令的详细使用, 输入 <command> --help
如:..\AppData\Roaming\npm\node_modules\server-mock\bin\server start

5.什么是前端构建,有哪些常见的前端构建工具?
  • 前端构建是具体指自动化构建(Build Automation),旨在将每次项目版本的更迭需要重复的操作(代码语法检查、资源压缩、文件合并等)通过自动化构建工具(Webpack/gulp/grunt)实现自动构建功能

代码

使用 gulp,实现一个项目的自动化构建, 要求:
1.项目中包括多个 css 文件, 多个 js 文件,多个图片
2.操作 src 目录,css 需要压缩合并,js 需要压缩合并,图片需要压缩,处理后放入 dist 目录
3.以下是范例,推荐构建前面的任务中包含 css js和图片的项目

+ dist
    + css
        - merge.min.css
    + js
        - merge.min.js
    + img
        - a.png
        - b.png
+ src
    + css
        - a.css
        - b.css
    + js
        - a.js
        - b.js
    + img
        - a.png
        - b.png
- index.html

【github】

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容

  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,134评论 7 35
  • 前言 众所周知目前比较火的工具就是gulp和webpack,但webpack和gulp却有所不同,本人两者的底层研...
    cduyzh阅读 1,354评论 0 13
  • Node.js是目前非常火热的技术,但是它的诞生经历却很奇特。 众所周知,在Netscape设计出JavaScri...
    w_zhuan阅读 3,607评论 2 41
  • JavaScript 模块化编程 网站越来越复杂,js代码、js文件也越来越多,会遇到什么问题? 命名冲突; 文件...
    magic_pill阅读 1,406评论 0 1
  • 这是心灵自由写作群第七期的第十八篇作业。 “简单生活、读书、与自然相处、乐于助人这些都是我喜欢做的,如果能把这些元...
    yizhibi阅读 134评论 0 0