在Vite创建Vue3项目 中讲到,Vite 官方对 Vue 的支持只针对于Vue3.x 版本,而对于 Vue2.x 是不支持的。 使Vite 支持 Vue2.x,是需要安装插件来实现,官方文档Vite 需要 Node.js 版本>= 12.0.0。(node -v 查看自己当前的node版本) 使用yarn:yarn create @vitejs/app 使用npm:np
vite-plugin-vue2 是一个 Vite 插件,专门用于在 Vite 项目中支持 Vue 2。Vite 是一个基于 ES Module 的现代构建工具,它以极速启动、模块热替换(HMR)和极快的构建速度而闻名。然而,Vite 最初只支持 Vue 3,而 vite-plugin-vue2 插件使得开发者能够在不升级到 Vue 3 的情况下,继续享受 Vite 的高效开发体验...
1.2 安装vite对vue2支持的插件 在vite-vue2安装:vite-plugin-vue2 // 注意:vite-plugin-vue2的版本为1.9.3 npm install vite-plugin-vue2@1.9.3 -D 在根目录创建vite.config.js文件,来注册插件 import { defineConfig } from 'vite' // 动态配置函数 import { createVuePlugin } from 'vite-plugin-vue...
"serve:fat":"vue-cli-service serve --mode fat","build:fat":"vue-cli-service build --mode fat","build:uat":"vue-cli-service build --mode uat","build:prod":"vue-cli-service build --mode prod","lint":"vue-cli-service lint","mock":"npx...
vite v2.8.2 node 版本:node v14.19.0实践表明 v14 可以兼顾新的 vite 和既有 webpack 两套流程如果涉及 jenkins 等部署环节，可能需要关心相关 node 软件包的升级 package.json 依赖 "devDependencies": { "vite": "^2.8.2", "vite-plugin-vue2": "^1.9.3", "vite-plugin-html": "^3.0...
2. 创建完成后,进入项目目录并安装依赖: cdvite-basics-vue2pnpminstall 1. 2. 启动开发服务器以验证环境是否正常运行: pnpmrun dev 1. 此时,项目会以纯 JavaScript 环境运行,但尚未支持 Vue2。 二、安装 Vue2 插件 为了支持 Vue2,我们需要安装社区提供的vite-plugin-vue2插件。通过以下命令安装插件: ...
Project name: vite-vue2 Select a framework: vanilla (这个地方选择原生,选vue的话默认vue3.0) (二)安装插件 npm install vite-plugin-vue2 --dev 新建一个vite.config.js import { createVuePlugin } from 'vite-plugin-vue2' export default { ...
我们可以使用Vite创建一个原生项目,然后再安装Vue2的生态进行开发。 1.1、初始化项目 首先进入项目存放的地方,然后运行以下命令创建项目。 代码语言:javascript 代码运行次数:0 运行 AI代码解释 npm init vite@latest 如果是首次使用Vite的话,会询问你是否继续,这里回复 y 即可。
(1)确定已经支持 less：npm install -D less(2)别忘了 resolve.alias 也加上一个：'~@': resolve('src')10. 如何支持 jsx?vite.config.js import { createVuePlugin } from 'vite-plugin-vue2'; createVuePlugin({ jsx: true, // 配置 jsx jsxOptions: { injectH: false, }, })Vue...
社区已经有vue2+vite的例子,可以直接调试,减低学习成本 vite-vue2-simple-starter 迁移成本 由于是尝鲜,因此先迁移子系统,把坑都踩了,方便后面深入优化 搭建前端项目模板 首要目标是把构建vite环境,毕竟80%的业务代码都可以复用。 改造前: 冷启动 30s左右 ...