https://github.com/bigcui/webpack5-vue3

vite 和 webpack 双模式开发
https://github.com/bigcui/webpack5-vue3

Last synced: 4 months ago
JSON representation

vite 和 webpack 双模式开发

• Host: GitHub
• URL: https://github.com/bigcui/webpack5-vue3
• Owner: bigcui
• Created: 2022-04-25T03:19:28.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2022-04-25T03:48:39.000Z (over 4 years ago)
• Last Synced: 2024-12-31T22:11:11.745Z (over 1 year ago)
• Language: TypeScript
• Size: 38.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
乾坤子应用模板

> Vue3 & TypeScript PC端代码库模板

## 基本特性

* 基于`Vue3`

* 语言支持`JavaScript` & `TypeScript`

* 打包工具支持`webpack 5` & `vite 2`

* 支持`SFC` & `Jsx` & `Tsx`

* 样式支持`less` & `sass`

* 解决样式冲突支持`scoped` & `css modules`

* 本地资源支持动态加载

* `Element Plus`支持按需引入

* 多`环境`&`模式`打包配置

* `CI/CD`相关脚本

* `Jsx` & `Tsx`常用功能示例

## Webpack 5打包架构图

![Vue3TsTplWebpack5](https://raw.githubusercontent.com/shien7654321/ImageHosting/master/Images/Vue3TsTplWebpack5.png)

## vite 2打包架构图

![Vue3TsTplVite2](https://raw.githubusercontent.com/shien7654321/ImageHosting/master/Images/Vue3TsTplVite2.png)

## Build Setup

``` bash

# 安装依赖

yarn

# 本地开发（webpack）

yarn start-webpack

# 本地打包（webpack）

yarn build-webpack

# 本地开发（vite）

yarn start-vite

# 本地预览（vite）

yarn preview-vite

# 本地打包（vite）

yarn build-vite

```