Skip to content

warmilk/myGulpProjStructure

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

myGulp

a gulp project structure for my self

目录结构

/src (项目生产环境下的源代码)

包含 /css, /js, /static, /lib, /devtool,index.html 。其中/static目录内放的是静态资源(图片音频视频等),/lib目录放的是产品代码真正要用到的css库或者js库,/devtool目录放的是开发时用到的工具库(比如微信H5页面开发时用到的调试工具vconsole.js等,产品代码发布到线上时并不需要的东西)

/test (项目生产环境下的测试代码)

你这样理解吧,src目录是乱糟糟的厨房重地,test目录则是用来暂存放厨房重地生产出来的成品,【跟正式表演前要排练差不多的意思。。。dest目录放的是经过无数次测试之后可以放心发布到线上的最终代码(并且已优化)

/dest (项目最终上线代码)

除了移除了/devtool目录外,目录结构和/test一致

package.json (npm的配置文件,也就是项目的依赖+生产依赖清单)

gulpfile.js (gulp的配置文件,一个用管道思想构建很多个task解放双手的玩意儿,跟项目的目录结构很大关系)

如何使用

git clone本项目到你的电脑,cd进入项目目录,之后cnpm i安装开发清单(package.json)上列出的所需工具和原料后,键入gulp即可

如果输入gulp报错gulp command not found,输入cnpm install --global gulp把 gulp 全局安装一下就好了。然后输入gulp就能看到效果啦!

【安装依赖的话推荐使用cnpm代替npm,快而且丢包少,如果用npm i之后项目gulp不起来,可以尝试rimraf node_modules后cnpm i重装所有node_modules】

About

a gulp project structure for myself

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •