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,
)