首先 很多项目正在更新迭代,vue2项目同学也知道vite打包速度 开发模式飞快 ,我们先来看一组差距。贴个图 这是vite构建的vue2的初始化项目性能 这是默认vue2构建的初始化的vue2项目性能 明显差距很大,下面正入主题👇🏻 一、首先我们想在vue2中直接使用vite,也是可以的,来看教程 . 1. 安装插件(一个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...
vite-plugin-vue2 是一个 Vite 插件,专门用于在 Vite 项目中支持 Vue 2。Vite 是一个基于 ES Module 的现代构建工具,它以极速启动、模块热替换(HMR)和极快的构建速度而闻名。然而,Vite 最初只支持 Vue 3,而 vite-plugin-vue2 插件使得开发者能够在不升级到 Vue 3 的情况下,继续享受 Vite 的高效开发体验...
因为vite 最低支持到 vue 2.7,再升级vue版本后,确认自己的工程其他业务功能正常。 vue-cli 工程介绍 经典的vue 2 完整目录结构 .|___jsconfig.json|___.env|___.env.fat|___.env.mock|___.env.uat|___.yarnrc|___.env.prod|___README.md|___yarn.lock|___public||___favicon.ico||___i...
现在大部分的项目还是使用vue2.0进行开发的,所以在项目中我们需要在本地起一个vite+vue2.0的服务,从而进行项目的迁移 (一)初始化项目 npm init vite@latest Project name: vite-vue2 Select a framework: vanilla (这个地方选择原生,选vue的话默认vue3.0) (二)安装插件 npm install vite-plugin-vue2 --dev 新...
npm i vite@2.3.7 vite-plugin-vue2@1.6.2 vite-plugin-html@2.0.7 -D package.json 添加一个 script -- "vite": "NODE_ENV=development vite" 关键在于配置 vite.config.js【默认叫做这个文件名,你可配置成其他的。。】 复制 import { defineConfig }from'vite';import pathfrom'path';import fsfrom...
那么接下来呢,我们写一段VIEWVO2的代码来去测试一下,由于我们当前这是个纯JS的环境,还没有VIEW2的呃,这个vuee的呃这个模块,所以呢,我们还需要去安装一下VIEWE2,那我们可以执行一下PN PM install view,注意在这个view的后边千万不要回车了,因为现在在春节以后view啊,已经默认安装VIEW3了,所以呢,我们应该在安装...
import { defineConfig } from "vite"; import { createVuePlugin } from "vite-plugin-vue2"; import CompressionWebpackPlugin from 'vite-plugin-compression' import legacy from '@vitejs/plugin-legacy' export default defineConfig({ plugins: [ /** 支持vue2 **/ createVuePlugin(), /** gzip压缩...
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.4", "vite-plugin-time...
// vite.config.jsimport{ createVuePlugin }from'vite-plugin-vue2'exportdefault{plugins: [ createVuePlugin(/* options */) ], } Options vueTemplateOptions Type:Object Default:{ compilerOptions :{ whitespace: 'condense' } } Note { whitespace: 'condense' } behavior ...