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,

                    )