1.1 创建项目 注意:这里vite的版本采用2.8.0的,最新的版本创建后续会出现问题 npm init vite@2.8.0 后续,安装如图 创建好项目后依次运行以下命令 // 1.进入项目 cd vite-vue2 // 2.安装依赖 npm install // 3.启动项目 npm run dev 访问效果如下 1.2 安装vite对vue2支持的插件 在vite-vue2安...
},base:'./',optimizeDeps: {// lodash-es 是vite自带的引用,optimizeDeps代表预构建;// 默认情况下,不在 node_modules 中的,链接的包不会被预构建,include代表强制预构建// include: ['element-plus', 'lodash-es'],},server: {host:'0.0.0.0',port:'8888',open:true,cors:true,// 允许跨域proxy: ...
vite 需要用 'vite-plugin-html' 插件来达成和兼容与 'html-webpack-plugin' 一样的 html 注入效果形如 '/public/v3/css/nav-common.css' 这样的特殊引用，不符合 vite 内部的保留策略，会被删除原 标签并转换成 js import，这将造成页面无法正常访问结合自定义插件实现打包过程中的 hack 和打包结束后的恢...
// 1.进入项目cd vite-vue2// 2.安装依赖npm install// 3.启动项目npm run dev 效果图如下: 1.2 安装vite对vue2支持的插件 在vite-vue2安装:vite-plugin-vue2 // 注意:vite-plugin-vue2的版本为1.9.3npm install vite-plugin-vue2@1.9.3-D 在根目录创建vite.config.js文件,来注册插件 import{define...
在写本文时,Vite默认不提供Vue2项目的创建方式。 使用Vite创建出来的Vue项目,暂时都是Vue3的。 Vite是构建工具的高阶封装。它的内部其实是Rollup。 Vite是尤雨溪随着Vue3正式版 一起发布的一个工具。 最开始Vite是为Vue3服务的一个工具,但随着Vite 2.0发布之后,Vite就是一个独立的构建工具了。
要使用vite插件,需要在项目的根目录创建vite.config.js文件。 在vite.config.js里输入以下代码。 代码语言:javascript 复制 import{createVuePlugin}from'vite-plugin-vue2'exportdefault{plugins:[createVuePlugin()]} 引入vite-plugin-vue2插件,并用Vite提供的插件注册方法来注册。
使用vite来构建你的Vue2项目 目前许许多多的文章都是支持vue3的,包括官方也是默认支持vue3版本,但是实际情况来看,很多公司并不会过早的将vue版本从2切换到3,我们公司就是这样,所以想要使用vite去开发vue2的项目就需要去解决很多兼容问题,碰巧本人需要去重构一个vue2的项目,所以就直接使用上了vite+vue2的组合,在实...
1、初始化项目 (1)、打开命令行终端,执行命令:npm -v。 npm为6.x版本 终端执行:npm init vite 项目目录名 --template vanilla npm为7.x版本 终端执行:npm init vite 项目目录名 -- --template vanilla 注意:当前使用vite版本为2.x 如果npm命令不存在,请先安装node,下载安装地址:http://nodejs.cn/downlo...
(一)初始化项目 npm init vite@latest 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' ...
一. 适合什么项目迁移 使用 vue2 的系统内部系统 - 无需大型流量场景：因为 vite 更迭较快，导致系统需要定期改动基础功能，造成不稳定非 SSR 系统 - SSR 还有很多问题，暂且等社区丰富起来定期有人维护的系统对开发有痛点而想要改进：比如打包慢，冷启动慢，HMR 更新慢。。。vite 生产环境用 rollup，但是改造成本...