3.第三方模块3.1什么是第三方模块?别人写的模块,有特定的功能,我们可以直接使用的,就是第三方模块。三方模块通常由多个文件组成,放在一个文件夹中,所以也称为包。第三方模块有两种形式:以js文件的形式存在,提供API接口实现项目的具体功能。以命令行工具的形式存在,辅助项目开发3.2获取第三方模块npmjs.com:第三方模块的存储和分发仓库npm(nodepackagemanager):node的第三方模块管理工具下载:npminstall模块名Uninstall:npmunintallpackage模块名全局安装和本地安装命令行工具:全局安装库文件:本地安装3.3第三方模块nodemonnodemon是一个辅助项目开发的命令行工具。在Node.js中,每修改一个文件,都要在命令行工具中重新执行该文件,非常繁琐。按照步骤使用npminstallnodemon–g下载即可。在命令行工具中,使用nodemon命令代替node命令来执行文件。3.4第三方模块nrmnrm(npmregistrymanager):npm下载地址切换工具npm默认下载地址在国外,国内下载速度慢使用步骤使用npminstallnrm–g下载,查询可用下载列表addressesnrmls切换npm下载地址nrm使用下载地址名称3.5第三方模块Gulp是基于node平台开发的前端构建工具。机械化运行时执行命令行命令任务,可以机器自动执行,代替人工,提高开发效率。3.6Gulp可以做什么项目启动、HTML、CSS、JS文件压缩合并语法转换(es6、less...)公共文件提取修改文件浏览器自动刷新3.7Gulp使用使用npminstallgulp下载gulp库文件在在项目根目录下创建gulpfile.js文件,重构项目的文件夹结构。将源代码文件放在src目录下的dist目录下。放置构建的文件。在gulpfile.js文件中写入任务。在命令行工具中执行gulp任务3.8Gulp中提供的方法gulp.src():获取任务要处理的文件gulp.dest():输出文件gulp.task():创建一个gulp任务gulp。watch():监听文件变化constgulp=require('gulp');//使用gulp.task()方法创建任务gulp.task('first',()=>{//获取待处理文件gulp.src('./src/css/base.css')//将处理后的文件输出到dist目录.pipe(gulp.dest('./dist/css'));});3.9Gulp插件gulp-htmlmin:html文件压缩gulp-csso:压缩cssgulp-babel:JavaScript语法转换gulp-less:less语法转换gulp-uglify:压缩混淆JavaScriptgulp-file-includepublicfilesincludebrowsersync浏览器实时同步
