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