nodejs模块总结 gulp小结

 1,内置模块                  fs                     const fs = require('fs')                     fs.readFile( '路径' , 'utf-8' , (err,data)=>{})                     fs.writeFile( '路径' , '你要写入的内容' , ()=>{})
                http                     const http = require('http')                     参数1,req 存储的是请求信息  req.url 访问请求的路径地址                                               /路径内容                     参数2,res 设定响应体内容    res.end 设定返回响应体内容
                    const server = http.createServer( function(req,res){} )

                    server.listen(8080 , function(){监听成功执行的程序})
            2,自定义模块                 自定义模块,必须要设定导出内容,在其他js文件中才能通过 require 来导入,js文件中的内容
                module.exports.导出的名称 = 变量名称 / 函数名称
                在导入之后,使用导入的名称 来调用变量或者函数方法等
            3,第三方模块                 统一使用npm从node.js官方应用商店下载                 npm是node.js自带的已经安装好的程序,不用单独去下载
                (1) , 设定 下载地址                     npm config set registry http://registry.npm.taobao.org
                (2) , cmd,切换路径到项目指定的路径                                      (3) , 初始化文件夹 npm init -y  
                (4) , 可以开始下载响应的依赖包                     全局依赖包                          npm i -g 包名 
                    局部/项目依赖包                         npm i 包名
            4,gulp                 (1) 下载全局的gulp                     npm i -g gulp
                (2) 设定好项目的文件夹                     dist    存储打包压缩文件的文件夹                     src     原始文件,文件夹                             pages 存储html文件                             css   存储css文件                             js    存储js文件                             image 存储图片                             ....
                (3) 创建一个 gulpfile.js 的文件,设定打包规范程序
                (4) 初始化文件夹                                          npm init -y
                        package.json       系统自动生成的,非常重要的文件,存储下载依赖包的相关信息                         package-lock.json  系统自动生成的,咱们暂时用不上,但是别删,留着后面有用
                (5) 按照依赖包
                    gulp自带的功能
                    gulp.src       指定要执行打包文件的路径,也就是源文件的路径
                    gulp.dest      指定打包压缩好的文件,存储的路径
                    gulp.watch     监听模块
                    gulp.series    按照顺序执行程序,只能添加函数名称
                    gulp.parallel  同时执行程序,只能添加函数名称

                    内置fs模块,node定义好的,不需要下载
                    css相关:                         nmp i gulp-autoprefixer    自动添加css兼容前缀                         nmp i gulp-cssmin          css打包压缩规范                         还有一些其他的依赖包,可以下载
                    del                         npm i del                  删除依赖包,删除指定路径的文件内容
                (6) 设定打包压缩规范                     a , css 的打包压缩规范设定
                        const cssHandler = function(){                             return gulp.src(路径)                                    .pipe( 自动添加前缀 )                                    .pipe( 自动打包 )                                    .pipe( 还可以有其他依赖包 )                                    .pipe( gulp.dest(存储打包文件的路径) )                         }                                                                     (7) 设定监听步骤                     删除规范                             a , dleHandler = function(){                             return del( ['删除压缩文件路径'] )                         }
                    监听规范                     b , watchHandler = function(){                             gulp.watch( '监听路径' , 文件发生改变执行的回调函数名称 )                         }                              设定默认执行程序,以导出的方式设定                     module.exports.default = gulp.series(                         delHandler,                         gulp.parallel( CSSHandler )                         watchHandler,                     )
上一篇:02-01


下一篇:gulp css任务 less 语法转换 css代码压缩