Vite plugin for Vue2. Latest version: 2.0.3, last published: 2 years ago. Start using vite-plugin-vue2 in your project by running `npm i vite-plugin-vue2`. There are 83 other projects in the npm registry using vite-plugin-vue2.
router": "^3.0.2","vuex": "^3.0.1"},"devDependencies": {"@vitejs/plugin-vue2": "2.3.1","benz-amr-recorder": "^1.0.14","chai": "^4.1.2","sass": "1.76","vite": "^4.5.3","vite-plugin-cdn-import": "^1.0.1","vue-template-compiler": "^2.6.10","vue-video-player":...
1. 安装插件(一个vite必备,第二个是为了兼容vue2)npm i -D vite vite-plugin-vue2 2.将public中的index.html拉出来,放在最外层,与package.json同级 3.在index.html中引入 4.router中的index.js修改base 5.创建vite.config.js(没有则需要新建) import{ createVuePlugin }from"vite-plugin-vue2";import{d...
2 使用@vitejs/plugin-vue2而非@vitejs/plugin-vue,@vitejs/plugin-vue2是专门针对 vue2 设计的。 3 html 文件中变量替换,需要使用 vite-plugin-html 插件 4、建议 vite 使用 4x,和 @vitejs/plugin-vue2 的版本对齐,思路是根据 npm 上 @vitejs/plugin-vue2 的realese时间来确定同期的 vite 版本。 详细...
> [!CAUTION] > Vue 2 has reached EOL, and this project is no longer actively maintained.. Latest version: 2.3.3, last published: 5 months ago. Start using @vitejs/plugin-vue2 in your project by running `npm i @vitejs/plugin-vue2`. There are 63 other proj
Vite plugin for Vue 2.7. Contribute to vitejs/vite-plugin-vue2 development by creating an account on GitHub.
Select a framework: vanilla (这个地方选择原生,选vue的话默认vue3.0) (二)安装插件 npm install vite-plugin-vue2 --dev 新建一个vite.config.js import { createVuePlugin } from 'vite-plugin-vue2' export default { plugins: [createVuePlugin()] ...
"devDependencies": { "vite": "^2.8.2", "vite-plugin-vue2": "^1.9.3", "vite-plugin-html": "^3.0.4", "vite-plugin-time-reporter": "^1.0.0", "sass": "^1.49.7", "rollup-plugin-copy": "^3.4.0", "@vue/compiler-sfc": "^3.2.31", }, 复制代码 npm scripts 代码语言:javas...
官网有@vitejs/plugin-legacy支持传统浏览器 社区支持 社区已经有vue2+vite的例子,可以直接调试,减低学习成本 vite-vue2-simple-starter 迁移成本 由于是尝鲜,因此先迁移子系统,把坑都踩了,方便后面深入优化 搭建前端项目模板 首要目标是把构建vite环境,毕竟80%的业务代码都可以复用。
vite 用 @vitejs/plugin-legacy 插件为打包后的文件提供传统浏览器兼容性支持legacy 对 build 速度影响较大,酌情采用 plugins: [ legacy({ targets: ['> 1%', 'last 2 versions', 'not ie <= 10'] }),]legecy 后全局 css 失效 vue 2 中, build.cssCodeSplit: false 加上 legecy 将导致全局样式...