H5 pages

h5落地页统一配置

• H5 pages
  • 简介
    • 运行项目
  • 项目结构
  • 涉及框架

简介

Vue 3 + TypeScript + Vite实现前端落地页统一管理，

1. 配置多页面
2. 每个页面可以单独开发/打包输出

运行项目

1. 开发

    npm run dev --page="guide"
   

2. 打包

    npm run dev --page="guide"
   

3. 创建页面

    npm run add --page="your page"
   

项目结构

|-- h5-pages
    |-- .browserslistrc
    |-- .gitignore
    |-- demo.md
    |-- package-lock.json
    |-- package.json
    |-- postcss.config.js
    |-- README.md
    |-- tsconfig.json
    |-- tsconfig.node.json
    |-- vite.config.ts // vite配置文件
    |-- .vscode
    |   |-- extensions.json
    |-- dist
    |   |-- watch_after_sales
    |       |-- index.html
    |       |-- watch_after_sales
    |-- public
    |   |-- favicon.ico
    |-- src
        |-- env.d.ts
        |-- assets
        |   |-- logo.png
        |   |-- styles
        |       |-- base.less
        |-- components
        |   |-- BetterScroll
        |       |-- BetterScroll.vue
        |-- pages
        |   |-- guide
        |   |   |-- App.vue
        |   |   |-- index.html
        |   |   |-- main.ts
        |   |   |-- i18n
        |   |   |   |-- en-US.ts
        |   |   |   |-- index.ts
        |   |   |   |-- zh-CN.ts
        |   |   |   |-- zh-HK.ts
        |   |   |-- router
        |   |   |   |-- index.ts
        |   |   |-- store
        |   |   |   |-- index.ts
        |   |   |-- utils
        |   |   |   |-- regd-components.ts
        |   |   |   |-- regd-global-props.ts
        |   |   |-- views
        |   |       |-- home
        |   |           |-- home.less
        |   |           |-- home.vue
        |   |-- other
        |   |   |-- App.vue
        |   |   |-- index.html
        |   |   |-- main.ts
        |   |   |-- router
        |   |   |   |-- index.ts
        |   |   |-- store
        |   |       |-- index.ts
        |   |-- watch_after_sales
        |       |-- App.vue
        |       |-- favicon.ico
        |       |-- index.html
        |       |-- main.ts
        |       |-- router
        |       |   |-- index.ts
        |       |-- store
        |       |   |-- index.ts
        |       |-- views
        |           |-- home
        |               |-- home.less
        |               |-- home.vue
        |               |-- questions.js
        |-- utils
            |-- index.ts
            |-- request.ts
            |-- tools.ts

其他的参考package.json

涉及框架

1. Vue
2. Vite
3. Vue router
4. Vuex
5. Vant ui