0.1.1 • Published 4 years ago
ranjievue3morepages v0.1.1
Project setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
正常打包
npm run build
分项目打包所有
npm run build-all
只打包某个项目(npm run build 项目名称)。例如只打包downLoad项目,执行命令:
npm run build downLoad
将多个项目打包到一个文件夹,项目名称之间用英文状态逗号隔开(npm run build 项目名称1,项目名称2 )。例如打包downLoad和index项目,执行命令:
npm run build downLoad,index
Lints and fixes files
npm run lint
查看详细配置、部署等内容请访问
http://wiki.lepudigital.com/pages/viewpage.action?pageId=4885111
lepu-business-h5
├─ babel.config.js
├─ build
│ ├─ build-part.js ----------分项目批量打包命令
│ └─ module-conf.js ---------打包用到的一些方法
├─ package.json
├─ postcss.config.js ---------px自动转换rem
├─ public
│ └─ favicon.ico
├─ README.md
├─ src -----------------------项目主目录
│ ├─ assets -----------------所有项目公共样式/图片/js(工具函数)
│ │ ├─ css
│ │ │ └─ base.css ---------清除默认样式
│ │ ├─ images
│ │ │ └─ logo.png
│ │ └─ js
│ │ └─ rem.js -----------px转换rem计算方法(设计稿宽度750,直接在样式中写width:750px,则自动转换成7.5rem)
│ ├─ components -------------存放所有项目公共组件
│ ├─ modules ----------------存放各个项目
│ │ ├─ downLoad ------------downLoad项目下的所有资源
│ │ │ ├─ assets
│ │ │ │ ├─ css
│ │ │ │ ├─ images
│ │ │ │ │ ├─ bg.png
│ │ │ │ │ └─ point.png
│ │ │ │ └─ js
│ │ │ └─ views
│ │ │ └─ index
│ │ │ └─ index.vue
│ │ └─ index ----------------index项目下的所有资源
│ │ ├─ api
│ │ ├─ assets
│ │ │ ├─ css
│ │ │ ├─ images
│ │ │ │ ├─ bg.png
│ │ │ │ └─ point.png
│ │ │ └─ js
│ │ ├─ componnents
│ │ ├─ directives
│ │ ├─ store
│ │ ├─ utils
│ │ └─ views
│ │ ├─ detail
│ │ │ └─ detail.vue
│ │ └─ list
│ │ └─ list.vue
│ └─ pages --------------------存放所有项目入口文件
│ ├─ downLoad
│ │ ├─ downLoad.html ------相当于单入口的index.html
│ │ ├─ downLoad.vue -------相当于单入口的APP.vue
│ │ ├─ main.js ------------相当于单入口的main.js
│ │ └─ router -------------存放项目路由
│ │ └─ index.js
│ └─ index
│ ├─ index.html
│ ├─ index.vue
│ ├─ main.js
│ └─ router
│ └─ index.js
└─ vue.config.js ---------------weppack配置
所以当我们想新建一个项目project,只需要在pages文件夹下建立project文件夹,在modules文件夹下建立project文件夹,可参照文档树中的index项目,或者直接运行命令:npm run newP 新的项目名称
0.1.1
4 years ago