gulp构建

• nodejs 是什么？可以做什么？为什么擅长做？

• nodejs是一个开放源代码、跨平台的、可用于服务器端和网络应用的运行环境。他是一个可以使javascript在后台服务器端运行的工具。

• nodejs可以制作命令行工具、操作文件、搭建静态服务器。

• Node.js采用事件驱动、异步编程、为网络服务而设计，Node.js的设计思路是以事件驱动为核心，充分利用了系统资源，执行代码不需要阻塞等待某种操作完成，有限的资源可以用于其他的任务，在服务器开发中，并发的请求处理是一个大问题，阻塞式的函数会导致资源浪费和时间延迟，通过事件注册、异步函数

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

• npm（node package manager）是node的模块管理器，用于管理node包，包括：安装、卸载、更新、查看、搜索、发布。

• npm随node同时安装在本地种，在命令行中使用npm install 模块名来安装node工具。

• 全局安装：命令npm install -g xxx， 模块将会安装在电脑的全局目录中，安装的模块能够在所有目录下使用。

• 本地安装：命令npm install xxx，模块会被下载到当前所在目录，也只能在当前目录下使用。

• npm install -save xxx：安装为产品依赖模块，模块名称和版本号安装在package.json下的dependencies里

• npm install -save-dev xxx：安装为开发依赖模块，模块名称和版本号安装在package.json下的devDependencies里
  

  

• node_module依赖在使用时先从本地目录下寻找，不存在就依次向上级目录中查询，直到系统根目录。node全局安装在系统根目录下，所以全局安装后可在所有目录下使用。

• 安装browser-sync并了解它的使用方式

• install -g browser-sync全局安装browser-sync

• 在目录下创建html、css文件

  
  

• 在此目录下执行命令browser-sync start --server --files "*.css, *.html"(如果要监视多目录下的文件用**/*.css格式)
  

  

• 执行以上命令将会直接打所监视的文件

  
  

• 当我们每次更改并保存所监视的文件时，localhost:3000所监视的网页将会同步更新
  

  

browser-sync start --server --files "css/*.css, *.html"
//相对路径
browser-sync start --server --files "**/*.css, *.html"
//使用**匹配任意目录

• 全局安装server-mock 并了解它的使用方式

• server-mock是一个发送ajax给路由，模拟后端数据的一个小工具。

• 安装server-mock后在目录中执行mock init将会在当前目录下创建以下文件
  

  

• 使用mock start命令打开localhost:8080本地端口开始使用
  

  

• 什么是前端构建，有哪些常见的前端构建工具?

• 构建工具关键在于'自动化'，使我们不需要做重复机械的事情。写好代码后：编译、压缩代码、生成压缩后的文件等各个步骤通过执行一个命令自动执行。

• 常见的前端构建工具有：gulp、webpack、grunt
  知乎参考

• 使用 gulp，实现一个项目的自动化构建, 要求：
  1项目中包括多个 css 文件, 多个 js 文件，多个图片
  2操作 src 目录，css 需要压缩合并，js 需要压缩合并，图片需要压缩，处理后放入 dist 目录
  gulp构建网站
  代码
  gulp技巧
  本博客版权归 本人和饥人谷所有，转载需说明来源