0.1.1 • Published 4 years ago

ranjievue3morepages v0.1.1

Weekly downloads
-
License
-
Repository
-
Last release
4 years ago

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