普歌-码上鸿鹄团队-复习总结Node.js：Node第三方模块使用步骤

普歌-码上鸿鹄团队-复习总结Node.js：Node第三方模块使用步骤

1、简单介绍一下Node是什么：

Node是一个基于chromeV8引擎的javascript代码运行环境。

Node下载网址https://nodejs.org/en/

2、第三方模块：

简单来说就是别人已经写好的，你拿过来可以直接使用。

第三方模块有两种存在形式：

1. 以 js 文件的形式存在，提供实现项目的具体功能的 API 接口
2. 以命令行工具形式存在，辅助项目开发

<1>获取第三方模块：

​ 下载：npm install 模块名称

​ 卸载：npm uninstall package 模块名称

​ 命令行工具：全局安装

​ 库文件：本地安装

<2>第三方模块nodemon（使用比较繁琐）

使用步骤：

1、使用npm install nodemon-g下载它

2、在命令行工具中nodemon命令代替node命令执行文件

<3>第三方模块：nrm（国内下载速度慢）

​ 使用步骤：

​ 1、使用npm install nrm -g下载它

​ 2、查询可用下载地址列表nrm ls

​ 3、切换npm下载地址nrm use下载地址名称

<4>第三方模块：gulp(开发效率高)

​ 使用步骤：

​ 1、使用npm install gulp-g安装

​ 检查是否安装成功和查看版本号：gulp-v

2、在项目根目录下建立gulpfile.js文件

​

3、重构项目的文件夹结构src目录放置源代码文件dist目录放置构建后文件。
4、在gulpfile.js文件中引入gulp

//引用gulp模块
const gulp=require('gulp')；

​

5、在命令行工具中执行gulp任务
​ 1）下载gulp命令行工具：

​ 2）执行命令：gulp 任务名

gulp能做什么：

​ 1、项目上线、HTML、CSS、JS文件压缩合并

​ 2、语法转（es6、less….）

​ 3、公共文件抽离

​ 4、修改文件浏览器自动刷新

gulp中提供的方法：

​ 1、gulp.src() 获取任务要处理的文件

​ .pipe 匹配当前任务获取的文件 , 进行何种操作 (指派任务)

​ 2、gulp.dest() 输出文件

​ 3、gulp.task() 建立gulp任务 (第一个参数是任务名,第二个参数是回调函数)

​ 4、gulp.watch 监控文件的变化

const gulp = require('gulp');
gulp.task('first',()=>{
   consloe.log('我们人生中的第一个gulp任务执行了');
   //1.使用gulp.src获取要处理的文件
   gulp.src('./src/css/base.css')
   .pipe(gulp.dest('dist/css'));
})

gulp插件：

​ 1、gulp-htmlmin：html文件压缩

​ 2、gulp-csso：压缩css

​ 3、gulp-babel：JavaScript语法转化

​ 4、gulp-less：less语法转化

​ 5、gulp-uglify：压缩混淆JavaScript

​ 6、gulp-file-include：公共文件包含

​ 7、browsersync：浏览器实时同步

gulp.task('cssmin',()=>{
    //选择css目录下的所有less文件以及css文件
    gulp.css(['./src/css/*.less','./src/css/*.css'])
         //将less语法转换为css语法
        .pipe(less())
        //将css代码进行压缩
        .pipe(csso())
        //将处理的结果进行输出
       .pipe(gulp.dest('dist/css'))
})

• 作者：endc
• 本文源自：endc的普歌-码上鸿鹄团队-复习总结Node.js：Node第三方模块使用步骤
• 本文版权归作者所有，欢迎转载。