小程序开发(1)-之目录结构和文件说明
#以下圖片是小程序的目錄結(jié)構(gòu),建議所有的目錄都使用小寫(xiě)字母,不使用駝峰格式
#組件
components是自定義組件目錄,對(duì)一些常用的組件的封裝
#配置文件
config是配置文件,存有一些常用的字段和請(qǐng)求地址
#第三方庫(kù)
libs是一些外部的庫(kù),一些沒(méi)有通過(guò)npm安裝的包,例如存放了騰訊地圖webService的js文件
#分包
livepackage、package、pages、storepackage是分包和主包資源文件,因?yàn)樾〕绦驅(qū)γ總€(gè)包都有2M的限制,防止每個(gè)包過(guò)大,導(dǎo)致打包失敗,注意對(duì)于一些沒(méi)有用的資源文件就刪除即可,免得浪費(fèi)占用包的大小
#miniprogram_npm
構(gòu)建npm生成的目錄,如果有使用npm安裝的插件,需要在微信開(kāi)發(fā)者工具->工具->構(gòu)建npm
?
#node_modules
node安裝npm插件生成的目錄
?
#靜態(tài)資源目錄
statics目錄是存放一些資源文件,例如一些png、svg等圖片資源,我們的項(xiàng)目結(jié)構(gòu)是statics->image->每個(gè)頁(yè)面一個(gè)資源目錄
#樣式目錄
styles是wxss的資源目錄,包含一些公共的樣式
#utils
utils封裝的一些公用js文件
#模板目錄
widgets是一些代碼片段,存放一些template,靜態(tài)的wxml文件
#小程序的啟動(dòng)文件
app.js小程序的啟動(dòng)文件
?
#小程序的配置文件
app.js小程序的配置文件
?
#小程序的全局樣式文件
app.wxss小程序的全局樣式文件
?
#小程序開(kāi)發(fā)時(shí)的配置文件
project.config.json
?
#總目錄結(jié)構(gòu)
總結(jié)
以上是生活随笔為你收集整理的小程序开发(1)-之目录结构和文件说明的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: vue 全家桶 - 前端工程化
- 下一篇: React简介及基础用法