nodejs模块总结 gulp小结
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了nodejs模块总结 gulp小结,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含4170字,纯文字阅读大概需要6分钟。
内容图文
![nodejs模块总结 gulp小结](/upload/InfoBanner/zyjiaocheng/616/83d1c320a11e48578fefab857a86d271.jpg)
????????????????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, ????????????????????)
内容总结
以上是互联网集市为您收集整理的nodejs模块总结 gulp小结全部内容,希望文章能够帮你解决nodejs模块总结 gulp小结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。