wepy项目创建和打包

创建项目

1.全局安装
npm install wepy-cli -g
2.新建项目目录,生成Demo开发项目
wepy new myproject
3.切换至项目目录
cd myproject
4.安装依赖
npm install
5.开启实时编译
wepy build --watch
生成如下的项目目录:

├── dist                   小程序运行代码目录(该目录由WePY的build指令自动编译生成,请不要直接修改该目录下的文件)
├── node_modules           
├── src                    代码编写的目录(该目录为使用WePY后的开发目录)
|   ├── components         WePY组件目录(组件不属于完整页面,仅供完整页面或其他组件引用)
|   |   ├── com_a.wpy      可复用的WePY组件a
|   |   └── com_b.wpy      可复用的WePY组件b
|   ├── pages              WePY页面目录(属于完整页面)
|   |   ├── index.wpy      index页面(经build后,会在dist目录下的pages目录生成index.js、index.json、index.wxml和index.wxss文件)
|   |   └── other.wpy      other页面(经build后,会在dist目录下的pages目录生成other.js、other.json、other.wxml和other.wxss文件)
|   └── app.wpy            小程序配置项(全局数据、样式、声明钩子等;经build后,会在dist目录下生成app.js、app.json和app.wxss文件)
└── package.json           项目的package配置

打包项目

类VUE
开发环境为
npm run dev 实时监听文件改动
正式环境为
npm run build
将开发的项目编译打包到dist目录发布
具体编译过程如下:
在这里插入图片描述
参考文章(小程序官方站点):https://tencent.github.io/wepy/document.html#/

猜你喜欢

转载自blog.csdn.net/weixin_40970987/article/details/84066797