🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
**ttk前端框架目录结构** ![](https://box.kancloud.cn/9bc32ad2480ee67f42890e90446f22a5_301x643.png) 目录解析 1. index.js:工程的入口文件。 2. index.html:首页,设置项目的一些meta头信息和提供<div id="app"></div>用于挂载组件节点。我们开发的是单面应用。 3. app-loader文件夹:框架核心文件(封装了路由、状态管理等实现机制) 4. meta-engine文件夹:框架核心文件(页面解析引擎,支持将json转换成html) 5. componets文件夹:框架组件库(基于antd、fixed-data-table-2、echarts等组件的封装) 6. utils文件夹:存放开发过程中一些公共类库 7. dist 文件夹:默认 npm run build 命令打包生成的静态资源文件,用于生产部署。 8. node_modules:存放npm命令下载的开发环境和生产环境的依赖包。 9. assets文件夹:存放项目中需要用到的资源文件,css、js、images等。 10. 11. webpack.config.js:用于存放 webpack 相关配置和脚本。开发中用于配置 less、sass等css预编译库,或者配置一下 UI 库。 12. 其它根目录下的*.config.js:主要存放配置文件,用于区分开发环境、线上环境的不同。 常用到此文件夹下 config.js 配置开发环境的 端口号、是否开启热加载 或者 设置生产环境的静态资源相对路径、是否开启gzip压缩。 13. src下。 14. package.json:用于 node_modules资源部 和 启动、打包项目的 npm 命令管理。