首页下载资源前端vue多页面vite配置

ZIPvue多页面vite配置

weixin_43821923250.78KB需要积分:1

资源文件列表:

vite-multi-project.zip 大约有71个文件
  1. .gitignore 277B
  2. auto-import.d.ts 3.59KB
  3. index.html 464B
  4. package-lock.json 587.74KB
  5. package.json 1.3KB
  6. pnpm-lock.yaml 152.37KB
  7. public/
  8. public/favicon.ico 66.06KB
  9. README.md 3.07KB
  10. scripts/
  11. scripts/index.mjs 3.29KB
  12. scripts/multiPages.json 164B
  13. scripts/template-ts/
  14. scripts/template-ts/App.vue 272B
  15. scripts/template-ts/index.html 394B
  16. scripts/template-ts/main.ts 184B
  17. scripts/template-ts/router/
  18. scripts/template-ts/router/index.d.ts 29B
  19. scripts/template-ts/router/index.ts 449B
  20. scripts/template-ts/router/routes.ts 249B
  21. scripts/template-ts/views/
  22. scripts/template-ts/views/index.vue 109B
  23. scripts/template/
  24. scripts/template/App.vue 264B
  25. scripts/template/index.html 394B
  26. scripts/template/main.js 184B
  27. scripts/template/router/
  28. scripts/template/router/index.js 577B
  29. scripts/template/views/
  30. scripts/template/views/index.vue 115B
  31. src/
  32. src/assets/
  33. src/assets/favicon.ico 66.06KB
  34. src/assets/img/
  35. src/assets/img/no-data.png 5.88KB
  36. src/assets/index.scss 1.39KB
  37. src/components/
  38. src/components/HelloWorld.vue 783B
  39. src/projects/
  40. src/projects/components.d.ts 346B
  41. src/projects/host/
  42. src/projects/host/App.vue 262B
  43. src/projects/host/components.d.ts 346B
  44. src/projects/host/index.html 394B
  45. src/projects/host/main.js 184B
  46. src/projects/host/public/
  47. src/projects/host/public/favicon.ico 66.06KB
  48. src/projects/host/router/
  49. src/projects/host/router/index.js 710B
  50. src/projects/host/views/
  51. src/projects/host/views/index.vue 261B
  52. src/projects/page1/
  53. src/projects/page1/App.vue 270B
  54. src/projects/page1/components.d.ts 693B
  55. src/projects/page1/index.html 483B
  56. src/projects/page1/main.js 365B
  57. src/projects/page1/router/
  58. src/projects/page1/router/index.js 658B
  59. src/projects/page1/views/
  60. src/projects/page1/views/example.vue 630B
  61. src/projects/page2/
  62. src/projects/page2/App.vue 272B
  63. src/projects/page2/components.d.ts 652B
  64. src/projects/page2/index.html 483B
  65. src/projects/page2/main.js 405B
  66. src/projects/page2/router/
  67. src/projects/page2/router/index.js 493B
  68. src/projects/page2/views/
  69. src/projects/page2/views/example.vue 604B
  70. tsconfig.json 2.37KB
  71. vite.config.js 5.41KB

资源介绍:

vue多页面vite配置
## 1.项目结构 ``` ├── README.md ├── .husky //git hook钩子 │   ├── commit-msg //规范 commit message 信息 │   └── verify-commit-msg.mjs //脚本：commitlint 替代方案 ├── dist //打包输出目录 ├── scripts //存放一些脚本 │   ├── template //创建子页面的js模版 │   ├── template-ts //创建子页面的ts模版 │   ├── index.mjs //创建子页面的脚本 │   └── multiPages.json //子页面描述说明集合文件 ├── src │   ├── arrets //公共静态资源 │   ├── components //公共组件 │   ├── store //pinia 共享状态存储库 │   ├── utils //公共方法 │   └── Projects //多页面文件夹 ├── types //ts 声明文件 ├── .env.development //开发环境-环境变量 ├── .env.production //生产环境-环境变量 ├── .eslintrc.cjs //eslint 配置 ├── .gitignore //git 提交忽略文件 ├── .prettierignore //prettier 忽略文件 ├── .prettierrc.js //prettier 配置 ├── .stylelintignore //stylelint 忽略文件 ├── .stylelintrc.js //stylelint 配置 ├── .pnpm-lock.yaml //锁定项目于一份各个依赖稳定的版本信息 ├── .stats.html //chunck size 分析页面 ├── tsconfig.json //ts 配置 ├── tsconfig.node.json //vite在node环境中的 ts 规则 ├── vite.config.ts //vite 配置 ├── package.json ``` ## 2.如何使用 > 安装依赖 ``` //全局安装 pnpm npm install -g pnpm //切换淘宝源 pnpm config set registry https://registry.npmmirror.com/ pnpm i ``` > 创建子项目 ```js npm run new:page //然后会提示：请输入要生成的'页面名称:页面描述'、会生成在 /src/projects 目录下 //注意： 有两个页面模版，如果要用ts，可以执行 npm run new:page --ts 例如输入：mypage:我的页面 //完成后 会在 scripts/multiPages.json 中生成对应的数据 后期删除需要删除对应的数据来保持一致 内容数据如下： //注意：router/index.js 路径名暂时无法根据创建的文件名同步更改，需要手动在创建的页面/模块中修改 [ { "chunk": "pageone", "chunkName": "页面1"}, { "chunk": "pagetwo", "chunkName": "页面2" }, { "chunk": "pagethree", "chunkName": "页面3" } ] ``` > 运行指定子项目 ```js /* 配置参数，在命令行上放置--foo bar设置foo配置参数为bar。 一个 -- 参数(argument)告诉cli解析器停止读取flags.一个 在命令行结尾的--flag参数(parameter)的值将会是true。 然后在vite.config.ts中可以获取参数来进行打包对应的项目 用 process.env.npm_config_page 获取参数 */ npm run dev --page=页面名称 ``` > 打包指定子项目 正式环境打包： ```js npm run build --page=页面名称 ``` 测试环境打包： ```js npm run build:test --page=页面名称 ```
100+评论
captcha

    相关资源

    1. A*和DWA融合理论实现

      wjy020520#硬件开发ZIP65.87KB5月前
      资源摘要:A*和DWA融合理论实现

    2. 56075472969450webShopping--idea.zip

      2302_77773843#行业研究ZIP50.1MB5月前
      资源摘要:56075472969450webShopping--idea.zip

    3. STM32驱动MPU6050文件

      m0_75090944#硬件开发ZIP413.87KB5月前
      资源摘要:MPU6050是InvenSense公司推出的全球首款整合性6轴运动处理组件，内带3轴陀螺仪和3轴加速度传感器，并且含有一个第二IIC接口，可用于连接外部磁力传感器，利用自带数字运动处理器（DMP: Digital Motion Processor）硬件加速引擎，通过主IIC接口，可以向应用端输出完整的9轴姿态融合演算数据。       有了DMP，我们可以使用InvenSense公司提供的运动处理资料库，非常方便的实现姿态解算，降低了运动处理运算对操作系统的负荷，同时大大降低了开发难度 。

    4. STM32 集成FreeMaster

      weixin_42923658#后端ZIP28.47MB5月前
      资源摘要:STM32 集成FreeMaster

    5. 人工智能+聊天机器人+深度学习+学习与开发实践

      qq_41392489#人工智能ZIP2MB5月前
      资源摘要:深度学习资源包：本套资料专为初学者和进阶者设计的AI聊天机器人项目，包括Python编程、PyTorch框架应用、T5模型及Huggingface模型库使用，旨在帮助用户快速掌握人工智能领域的关键技术，适用于学术研究、项目开发及个人技能提升。

    6. CXDownload，支持下载超星学习通课件的ppt、zip、mp4

      weixin_59243359#前端ZIP5.83KB5月前
      资源摘要:该内容来自Gitee博主hongyuan的CXDownload ，使用方法是：打开浏览器的插件（搜索栏中输入 chrome://extensions ），选择点击已解压，选择CXDownload，点击加载即可

    7. 基于MicroPython的ESP32控制RGB灯软硬件设计方案Wokwi仿真

      m0_46311182#硬件开发ZIP146.25KB5月前
      资源摘要:ESP32作为控制核心，拥有强大的处理能力和丰富的外设接口。其双核处理器能够高效处理任务，低功耗特性适用于多种场景。RGB灯色彩丰富，可通过不同混光呈现绚丽效果。它体积小巧，方便集成到各种设备中，不占过多空间。无论是简单的色彩指示还是复杂的灯光秀，都能出色完成，在物联网、智能家居和创客开发中深受欢迎。MicroPython是一种为微控制器设计的精简版Python编程语言，它具有简洁易读的特点，方便开发者进行编程，为方案提供软件支持。Wokwi 是一个强大的在线电子电路仿真平台，在基于ESP32控制RGB灯的软硬件设计方案中，Wokwi可以提供便捷的仿真环境。利用Wokwi，你可以轻松搭建 ESP32与RGB灯的虚拟电路连接，无需实际硬件即可进行调试和测试。它直观地展示出了RGB灯的各种效果，从而快速地验证了本软硬件设计方案的可行性和正确性。同时Wokwi平台很好的集成MicroPython编程环境，极大地方便了本方案的硬件连接和软件代码的同步调试和修改验证。

    8. SQLMAP源文件下载

      kun12343#安全技术ZIP7.24MB5月前
      资源摘要:SQLMAP
    站长QQ:九六九五七三七