首页 > 其他分享 >vite不能选配方案?vite-creater强势来袭!

vite不能选配方案?vite-creater强势来袭!

时间:2023-04-28 14:23:56浏览次数:44  
标签:npm process creater 选配 child data vite

我正在参加「掘金·启航计划」

项目背景

vite出现之后,迅速带走了一大波webpack的使用者,即使是对打包工具不熟悉的小白,也能很快感受到两者的区别——vite快的多!

vite官方文档第一句也是讲述其名字的由来 Vite (法语意为 "快速的") ,其logo也与其名字一样,处处都透露着一个字,那就是快!

但是习惯了vue-cli的同学(我),对于一个不能保存模板策略的工具,是无法忍受的,它居然每次都需要我选择模板、选择用js还是ts,这是让人无法忍受的。当然,vite官方还提供了社区维护的模板 即 image-20230428111113806 awesome-vite ,同学可点击链接感受一下这些模板,不能说我们小白用不到吧,可以说是完全不认识。

为此,"好东西" vite-creater 诞生了 github源码

标签:npm,process,creater,选配,child,data,vite
From: https://www.cnblogs.com/Kay-Larry/p/17362007.html

相关文章

  • vue3+vite自适应PC端
    1、下载包pnpmaddlib-flexible-computerpostcss-px2rempx2rem-loader-D2、在main.ts里引入import"lib-flexible-computer";3、在vite.config.ts写入importpx2remfrom"postcss-px2rem"css:{postcss:{plugins:[px2rem({......
  • vite + vue3 + vue-router4 + ts + element plus + pinia + axios构建项目
    最后是完整的vite.config.ts、main.ts配置1、先用vite创建一个项目npmcreatevite@latest2、安装elementplusyarnaddelement-plus@element-plus/icons-vuevite.config.ts配置组件按需导入,图标自动导入npminstall-Dunplugin-vue-componentsunplugin-auto-impor......
  • ai问答:使用vite如何配置多入口页面
    Vite是一个web开发构建工具,它可以用于开发单页应用和多页应用。要在Vite中配置多入口,可以:在vite.config.js中定义多个entry入口:exportdefault{build:{rollupOptions:{input:{main:resolve(__dirname,'index.html'),othe......
  • [vite]: Rollup failed to resolve import "APlayer" from "./APlayer/index.vue".Thi
    这个错误提示是在你使用Vite构建项目时遇到的。错误信息提示Rollup在构建过程中无法解析import"APlayer",而且这很可能会在运行时破坏你的应用程序。这个问题的原因是,APlayer并不是一个模块,没有被正确地导出到你的项目中。为了解决这个问题,你需要告诉Rollup将APlayer......
  • vue3 create-vue 开启vite自动验证eslint
    0.vue3 cli推荐新的构建工具vite,但没有yarnrundev后并不自动检测eslint规则,需要运行yarnruneslint1.添加组件即可 yarnadd vite-plugin-eslint--dev 2.在vite.config.js加入1import{fileURLToPath,URL}from'node:url'23import{defineConfig}......
  • Vite + Vue3 +TS 项目搭建
    安装nvm略安装node略使用Vite创建项目vite3.x文档:https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project使用NPM:$npmcreatevite@latest使用Yarn:$yarncreatevite使用PNPM:$pnpmcreatevite然后直接进入项目初始化的选择,自定义一些......
  • 运行一个vue项目vite-electron-vue
    必备软件:1)visualstudiocode2)nodejs18.16.03)yarn下载源码:项目fork自https://gitee.com/mywink/vite-electron.gitgitclonehttps://gitee.com/panie/vite-electron-vue.git运行项目1/采用vscode打开文件夹2/查看一下各种命令的版本$node-vv18.16.0$......
  • vue3+vite+ts搭建一个基于cesium的gis系统
    使用NPM:bash$npmcreatevite@latest使用Yarn:bash$yarncreatevite使用PNPM:bash$pnpmcreatevite附加的命令行选项#npm6.xnpmcreatevite@latestmy-vue-app--templatevue#npm7+,extradouble-dashisneeded:npmcreatevite@latestmy-vue-a......
  • vite vue使用pont-engine
    pont-engine是一款阿里的api生成工具!安装依赖即可yarnadd--devpont-engine然后即可使用pontstart问题但是因为默认生成的代码包含cjs的模块语法,所以vite无法识别。另外生成代码前最好把旧的生成目录删除!解决办法因此我做了如下优化,让您一键执行这些操作并生成适......
  • 关于vite项目内存溢出无法正常打包的问题
    问题在vite+ts+vue3项目中时pnpmrunbuild构建项目导致无法正常打包解决思路排查问题时发现禁用router插件后能正常打包,禁用掉则会导致溢出。进一步发现是因为.vue文件过多的原因。考虑到可能是nodejs默认的内存不够,增大内存试试。增加到24GB后可以成功打包。项目继续开......