前端小萌新必知必会 之 实现自定义Gulp插件

前端小萌新必知必会 之 实现自定义Gulp插件,第1张

一、nodeJS基础 *** 作

    (一)、安装nodeJS (node -v)

    (二)、npm 包管理工具  (cnpm安装 :  npm install gulp -g)

    (三)、在项目中初始化package.json  (nodejs的配置文件,在项目中安装的模块,会记录在package.json)  npm init

    (四)、在其他位置需要配置相关模块时,只需把pageage.json拷贝过来,执行 npm install,即可自动安装所需模块

二、gulp

    1. 安装 (gulp -v)

        (1)全局安装  npm i gulp -g

        (2)本地安装:  npm i gulp --save-dev

    2. 在项目根目录创建 gulpfile.js

    3. gulp.task()    gulp.src()  gulp.pipe()  gulp.dest()  gulp.watch()

    4. gulp插件:  (1)压缩css  (2)压缩js  (3) 合并js  (4) 压缩图片 (5)自动添加前缀 autoprefixer  (6)sass编译  (7)热刷新


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11685284.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存