xuyonghua / marina

gulp webpack pwa

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

webui-jason

文件命名规范

一律使用小写字母,单词间用-连接,名词一律使用单数形式。

正确的命名:path-name

错误的命名:PathName, pathName, path_name, path-names

目录结构

  • bin - 命令脚本
  • dist - 构建目标
  • gulp - gulp task文件
  • src - 源文件
  • webpack.* webpack配置文件
  • -- src/css - css文件
  • ---- src/css/main - css主文件
  • ---- src/css/vendor - less预编译文件
  • ---- src/html/ejs - ejs模板文件
  • ---- src/html/include - layout文件
  • ---- src/html/loading - loading文件
  • ---- src/html/section - module文件
  • -- src/image - 图片
  • -- src/html - html静态文件
  • -- src/static - 静态数据文件
  • -- src/util - 工具库文件
  • -- src/vendor - 自定义的库文件
  • -- src/index.js - 入口文件
  • -- src/preboot.js - 预加载module

如何使用该项目

  1. 进入该项目执行npm install
  2. 启动项目执行npm start
  3. 打包项目npm run build

优化图片

  • 进行图片优化执行gulp imagemin

github hook

github hook hook result

部署服务器

nodeApi 文件

nodeApi

shell 脚本执行构建

shell

服务端项目目录

serverWeb

nginx 文件

serverWeb


About

gulp webpack pwa


Languages

Language:CSS 38.4%Language:HTML 35.3%Language:JavaScript 25.8%Language:Shell 0.5%