借鑑吾記APP,使用 vue2.0+vue-router+vuex 爲主要技術棧,elementui作爲ui框架,多模塊 spa 模式,webpack2.0 負責模塊打包,gulp 負責處理靜態資源打包、壓縮,歡迎打賞star!!!javascript
npm install -g cnpm --registry=https://registry.npm.taobao.org 由於npm的默認倉庫在國外,下載很慢,國內淘寶搞了個CNPM,每10分鐘同步一次,徹底夠用了
{ "plugins": [["component", [ { "libraryName": "element-ui", "styleLibraryName": "~theme" } ]]] }
var gulp = require('gulp'), uglify = require('gulp-uglify'), //壓縮js rename = require("gulp-rename"), //文件重命名 changed = require('gulp-changed'), //監聽文件是否修改 imagemin = require('gulp-imagemin'), // 圖片壓縮 pngquant = require('imagemin-pngquant'), // 深度壓縮 runSequence = require('run-sequence'), // 同步運行任務插件 del = require('del'), //刪除文件 spritesmith = require('gulp.spritesmith'), //合成雪碧圖 find = require("gulp-find-glob"); //獲得glob對象
index.html => 個人日記列表
passing.html => 過客列表
account.html => 登陸註冊頁面css