首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JGulp: 利用Gulp 配置的前端项目自动化工作流

本地Web 服务器功能(gulp-webserver + tiny-lr) 能够让你的当前项目目录映射到Localhost 上,本功能主要是为了添加自动刷新(livereload)功能而添加。...网页自动刷新功能(gulp-livereload) 这个功能毫无疑问是最实用的,借助本livereload 模块,一旦监控到有文件改动就自动刷新页面。需要安装相应的Chrome 扩展配合使用。...文件(Project.md文件在项目最终打包的时候会自动重命名为README.md保存在build 文件夹),填写package.json 文件的项目名称部分。...4、然后捏,就基本上可以的了,默认任务: $ gulp 5、如果项目已经完成,可以通过build 命令进行项目相关文件收集,项目文件最终会汇集到项目目录下的build 文件夹中方面进一步操作 $ gulp...build 6、打包build 文件夹下的项目文件,会自动生成build-xxxx.zip 的文件(xxxx 为打包时候的时间)供交付使用或进行下一阶段的开发 $ gulp zip 后记 花了些时间写了这篇文章

1.1K100
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    从开发一款基于Vue技术栈的全栈热重载生产环境脚手架,我学到了什么?

    实战 一、初始化项目 首先,我们建一个空文件夹,名字可以叫gulp-vue-cli,这就是项目根文件夹。相信聪明的小伙伴可以看出,我们今天的主角是gulp。...npm init -y 二、创建前端项目与后端项目 下一步,我们会在创建好的项目根文件夹内创建一个前端项目文件夹,名字可以叫src。另外,后端项目文件夹名字叫server。... import {addTxt} from...在找它之前,我也找到其他可以实现自动刷新浏览器的插件,如:LiveReload,它也可以自动刷新页面,实时预览html效果。但是,我为什么没用LiveReload呢?...最痛心的一点是你需要在浏览器上安装LiveReload插件,另外在本地你也得安装一个LiveReload软件。如果你是用的是VScode编辑器,需要在插件中心安装LiveReload插件。

    61720
    领券