下载资源前端资源详情
vite-multi-project.zip
大小:250.78KB
价格:32积分
下载量:0
评分:
5.0
上传者:weixin_43821923
更新日期:2025-09-22

vue多页面vite配置

资源文件列表(大概)

文件名
大小
.gitignore
277B
auto-import.d.ts
3.59KB
index.html
464B
package-lock.json
587.74KB
package.json
1.3KB
pnpm-lock.yaml
152.37KB
public/
-
public/favicon.ico
66.06KB
README.md
3.07KB
scripts/
-
scripts/index.mjs
3.29KB
scripts/multiPages.json
164B
scripts/template-ts/
-
scripts/template-ts/App.vue
272B
scripts/template-ts/index.html
394B
scripts/template-ts/main.ts
184B
scripts/template-ts/router/
-
scripts/template-ts/router/index.d.ts
29B
scripts/template-ts/router/index.ts
449B
scripts/template-ts/router/routes.ts
249B
scripts/template-ts/views/
-
scripts/template-ts/views/index.vue
109B
scripts/template/
-
scripts/template/App.vue
264B
scripts/template/index.html
394B
scripts/template/main.js
184B
scripts/template/router/
-
scripts/template/router/index.js
577B
scripts/template/views/
-
scripts/template/views/index.vue
115B
src/
-
src/assets/
-
src/assets/favicon.ico
66.06KB
src/assets/img/
-
src/assets/img/no-data.png
5.88KB
src/assets/index.scss
1.39KB
src/components/
-
src/components/HelloWorld.vue
783B
src/projects/
-
src/projects/components.d.ts
346B
src/projects/host/
-
src/projects/host/App.vue
262B
src/projects/host/components.d.ts
346B
src/projects/host/index.html
394B
src/projects/host/main.js
184B
src/projects/host/public/
-
src/projects/host/public/favicon.ico
66.06KB
src/projects/host/router/
-
src/projects/host/router/index.js
710B
src/projects/host/views/
-
src/projects/host/views/index.vue
261B
src/projects/page1/
-
src/projects/page1/App.vue
270B
src/projects/page1/components.d.ts
693B
src/projects/page1/index.html
483B
src/projects/page1/main.js
365B
src/projects/page1/router/
-
src/projects/page1/router/index.js
658B
src/projects/page1/views/
-
src/projects/page1/views/example.vue
630B
src/projects/page2/
-
src/projects/page2/App.vue
272B
src/projects/page2/components.d.ts
652B
src/projects/page2/index.html
483B
src/projects/page2/main.js
405B
src/projects/page2/router/
-
src/projects/page2/router/index.js
493B
src/projects/page2/views/
-
src/projects/page2/views/example.vue
604B
tsconfig.json
2.37KB
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```> 创建子项目```jsnpm 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" }]```> 运行指定子项目```jsnpm run dev --page=页面名称```> 打包指定子项目正式环境打包:```jsnpm run build --page=页面名称```测试环境打包:```jsnpm run build:test --page=页面名称```

用户评论 (0)

发表评论

captcha