10 Star 16 Fork 9

echozhangzy / vue2_vue-router_bootstrap

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Erp 项目说明

基于webpack搭建纯静态页面型前端工程解决方案

  • 按需加载模块,按需进行懒加载,在实际用到某些模块的时候再增量更新
  • 多入口文件,自动扫描入口。同时支持SPA和多页面型的项目
  • 静态资源按需自动注入到html中,并可自动加上hash值
  • 支持js、css、scss等代码检查、打包、压缩混淆、图片转base64等
  • 公用lib组件抽离打包,生成一个公共的bundle文件
  • 功能标识,根据开发/测试环境和生产环境进行不同配置的打包
  • 支持自动部署打包发布远程服务器

环境

  • Node.js

安装依赖

$ cd erp
$ npm install

目录结构

    .
    ├── config.rb                 # compass配置
    ├── gulpfile.js               # gulp任务配置
    ├── mock/                     # 假数据文件
    ├── package.json              # 项目配置
    ├── README.md                 # 项目说明
    ├── src                       # 源码目录
    │   ├── pageA.html                # 入口文件a
    │   ├── pageB.html                # 入口文件b
    │   ├── pageC.html                # 入口文件c
    │   ├── css/                  # css资源
    │   ├── img/                  # 图片资源
    │   ├── js                    # js&jsx资源
    │   │   ├── pageA.js              # a页面入口
    │   │   ├── pageB.js              # b页面入口
    │   │   ├── pageC.js              # c页面入口
    │   │   ├── helpers/          # 业务相关的辅助工具
    │   │   ├── lib/              # 没有存放在npm的第三方库或者下载存放到本地的基础库如jQueryZeptoReact等
    │   │   └── utils/            # 业务无关的辅助工具
    │   ├── scss/                 # scss资源
    │   ├── pathmap.json          # 手动配置某些模块的路径可以加快webpack的编译速度
    ├── webpack.config.allinone.js    # webpack配置
    ├── webpack.config.js         # 正式环境webpack配置入口
    └── webpack-dev.config.js     # 开发环境webpack配置入口

开发要求

约定/src/*.html为应用的入口文件,在/src/js/ 一级目录下需有一个同名的js文件作为该文件的入口。

编译(测试/dev环境)

$ npm run build

编译(生产环境)

生产环境会对js混淆压缩,对css、html进行压缩,字符替换等处理

$ npm run buildP

部署发布

在gulpfile.js 中配置好localServer和remoteServer,编译后将dist目录发布到服务端

发布到localServer

$ npm run deploy

发布到remoteServer

$ npm run deployP

本地调试

$ npm run server
# 或者 下面两种模式
$ webpack-dev-server
$ webpack-dev-server --inline

Jenkins 持续集成

//需要nodejs
$ npm run buildP
$ npm run deployP

空文件

简介

一套由webpack打包的后台管理模板 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/zhangzheyi/vue2_vue-router_bootstrap.git
git@gitee.com:zhangzheyi/vue2_vue-router_bootstrap.git
zhangzheyi
vue2_vue-router_bootstrap
vue2_vue-router_bootstrap
master

搜索帮助