当前位置: 首页 > 软件库 > 开发工具 > 项目构建 >

wp2vite

让 webpack 项目支持 Vite
授权协议 MIT
开发语言 JavaScript
所属分类 开发工具、 项目构建
软件类型 开源软件
地区 国产
投 递 者 贾成天
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

wp2vite是一个前端项目转换工具,可以让webpack项目支持vite。

wp2vite 不会删除你的项目的webpack的配置文件,但是会在你的项目中插入vite的配置文件

相较于webpack,vite开发环境构建速度可以提升80%左右,构建生产环境能够提升50%左右

Examples

support

react

vue

  • 支持vue-cli创建的项目, 无论项目是否包含vue.config.js文件

other

安装

npm install -g wp2vite

使用

cd yourwork/your_project // go to your project catalog
wp2vite 
or 
wp2vite init

npm install // install dependencies

npm run dev // start server
or
npm run vite-start // start server

todo

  • 支持自定义其他项目

贡献

如果你想解决一个缺陷,欢迎提pr

如果你想增加一个功能或者修改已有功能,请提issue

  • webPack转Vite所遇到的问题 提供一个简单的方法 如果项目不是很复杂的话 可以直接 安装wp2vite npm install -g wp2vite or yarn global add wp2vite 到你的项目目录下启动wp2vite // 执行wp2vite的命令行 wp2vite or wp2vite init 然后安装依赖&启动项目 // 安装依赖 npm install

  • 最近公司的项目越做越大,每次启动一下就要花费一两分钟,为了更长时间摸鱼,于是决定转vite 直接引用大神的小工具:wp2vite 即使用完了还是会发现很多小问题: 1. 导入一个文件夹下的多个文件时, 在vite里面require是不能使用的 修改之前: require.context(’./modules’, true, ‘.js$’) 修改之后: import.meta.globEager(’

  • 本文仅记录一下现有项目由webpack迁移到vite踩到的坑,至于vite的优缺点就不在此赘述了。具体可查看Vite 官方中文文档 环境 webpack React antd3(4) 后台管理系统(兼容性要求没那么高) 迁移方式 使用wp2vite自动化工具(推荐) 一键让使用webpack来进行开发和构建的项目支持使用vite来进行开发和构建。它会自动帮你生成入口文件、分析alias生成vite

  • 背景分析 本次的目的不是直接用 vite 替换 vue-cli ,而是想同时保留 vite 和 vue-cli 。除去影响开发体验 webpack 和 vite 本质上都是入口文件 + 依赖分析 + 模块转换。vite 是 使用的时候进行处理(vite针 对第三方库有同样会进行预处理), webpack 则是先全部处理完毕。当浏览器天然支持 ES module 之 后,实时处理变得可能。这也是 v

  • 按照官网vite启动步骤 $ npm init vite@latest $ npm run dev 报错 Error: Cannot find module 'worker_threads' 原因是: Vite 需要 Node.js 版本 >= 12.0.0。 查看我自己的Node版本 $ node -v v10.16.0 所以升级Node版本即可,这里使用nvm管理Node版本 #

  • 1.npm install -g wp2vite 2.wp2vite init 3.npm install 4.npm run dev // 如果原先你的项目有dev script,请执行npm run vite-start

 相关资料
  • lombok项目支持openjdk 11吗?如果是,怎么做?我试了一下,但做不到。

  • 问题内容: Visual Studio 2017中是否有一种方法可以自动为asp.net核心 Angular 项目启用Docker支持?创建新选项时,该选项被禁用。它仅适用于 Web应用程序(MVC) 。 创建项目后,我可以为角度项目启用Docker支持(项目->添加-> Docker支持),但是当我启动应用程序时,出现一个异常,提示node.js不可用。 发生System.AggregateEx

  • Angular 2采用将应用程序分为许多不同组件的方法,每个组件可以有多个文件。以这种方式分离应用程序逻辑对程序员是有好处的,但是会减损用户体验,因为这样做会增加页面加载时间。 HTTP2旨在以一种方式解决这个问题,但是直到更多的知道它的效果,我们将需要捆绑我们的应用程序的不同部分,并压缩它。 我们的平台,浏览器,必须继续提供所有现有代码的向后兼容性,并且这需要慢慢移动添加到HTML / CSS

  • Libevent本身不是多线程安全的,在多核的时代,如何能充分利用CPU的能力呢,这一节来说说如何在多线程环境中使用libevent,跟源代码并没有太大的关系,纯粹是使用上的技巧。 1 错误使用示例 在多核的CPU上只使用一个线程始终是对不起CPU的处理能力啊,那好吧,那就多创建几个线程,比如下面的简单服务器场景。 1 主线程创建工作线程1; 2 接着主线程监听在端口上,等待新的连接; 3 在线程

  • DataSource 接口 不支持 timeout 相关操作 Connection 接口 不支持存储过程,函数,游标的操作 不支持执行 native SQL 不支持 savepoint 相关操作 不支持 Schema/Catalog 的操作 不支持自定义类型映射 Statement 和 PreparedStatement 接口 不支持返回多结果集的语句(即存储过程,非 SELECT 多条数据) 不