问题标签 [vite]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
tailwind-css - Vite 不基于配置构建顺风
我react-ts使用yarn create @vitejs/app my-app --template react-ts.
我使用yarn add --dev tailwindcss@latest postcss@latest autoprefixer@latest.
我初始化了顺风：npx tailwindcss init -p.
我设置from并to在postcss.config.js：
我在以下位置创建了一个App.css文件src/styles：
根据https://vitejs.dev/guide/features.html#postcss，任何有效postcss-load-config的语法都是允许的。from并且to 似乎是允许的。
当我调用yarn devwhich基本上运行vite时，我的应用程序启动时没有构建错误，但没有生成顺风输出。
我究竟做错了什么？
vue.js - 是否可以将 vite 与 Nuxt.js 一起使用以快速重新加载？
根据这个文档https://v3.vuejs.org/guide/installation.html#vite，我们可以使用 vite 和 Vue.js 来快速重新加载。
我现在切换到 Nuxt.js，我想知道是否可以将 vite 与 Nuxt.js 一起使用。
我没有找到官方的方法来做到这一点，但是有什么办法吗？
vue.js - 将 vitejs v2 添加到 Vue v3 时路由器不工作
一直webpack用于开发服务器的应用程序现在应该使用vite. 除路线外，一切似乎都运行良好（而且速度很快）。这些被简单地忽略，只App.vue呈现 的内容。
这是package.json：
中央index.html是：
在src/main.ts被router加载：
该路由器定义在src/router/index.ts：
（从未显示）src/views/SomePage.vue是：
这是（总是显示）App.vue：
有了这个src/components/HelloWorld.vue：
我希望 http://localhost:3000/some 显示的内容SomePage.vue，但只App.vue呈现的内容，不管使用的路由。
指向我在这里缺少的内容以及为什么忽略精细路线的指针表示赞赏。
javascript - vue3 isCustomElement 正在将组件检测为 vue 组件
我正在尝试让一个 webcomponent 与 vitejs 一起工作。
我正在尝试使用的组件： https ://www.webcomponents.org/element/input-knob
我按照文档中的描述做了。
安装和设置@vitejs/plugin-vue
https://github.com/vitejs/vite/tree/main/packages/plugin-vue#vitejsplugin-vue-
在配置中启动自定义元素。（我也尝试简单地将自定义元素放在 main.js https://github.com/vitejs/vite/issues/1312
vite.config.js
仍然收到相同的警告：皱眉：
main.js
[Vue 警告]：无法解析组件：输入旋钮
日志返回 true，所以我不确定问题到底出在哪里。
vuejs3 - 如何在 vite.config.js 中使用 Vite 环境变量？
.env在我的 Vite 项目中使用以下内容：
我如何VITE_PORT在我的vite.config.js?
javascript - 如何使用 vite 启用“@babel/plugin-proposal-decorators”
我使用观察者作为装饰器然后我得到了错误。在文档中找不到启用此选项的位置。
javascript - 在 Vite2 中，如何在 tailwind.config.js 中导入 ESModule
构建一个 Vite2 应用程序。
试图导入一个ESModulein tailwind.config.js。模块被导出为：
然后我像这样导入模块tailwind.config.js：
但我得到一个错误：
我该如何解决？
vue.js - 如何在 Vite 的 *.vue 组件导入中使用路径别名？
当我在 Vite 中使用 Vue 单文件组件时，我可以使用tsconfig.json 中的 baseUrl和路径别名将*.ts 文件导入到组件文件中。但是，这同样不适用于 *.vue 文件的导入，因为我遇到了运行时错误。
Vite.js Discord Server上有一个类似的问题，但尚未得到解答。
因此，我的主要问题是：如何让路径别名适用于 Vite 中的单个文件组件导入？
子问题是谁在 Vite 中解析 *.vue 文件的路径？使用 Vue CLI，这是在 webpack 中处理的，如果我没记错的话，那么在 Vite 中它是汇总？
vuejs3 - Vue 3 Vite - 动态 img src
我将 Vue 3 与 Vite 一起使用。在 Vite 构建生产后，我遇到了动态 img src 的问题。对于静态 img src 没有问题。
它在两种情况下都运行良好：在开发模式下运行时以及在 vite 构建之后。但是我有一些图像名称存储在动态加载的数据库中（菜单图标）。在这种情况下，我必须像这样编写路径：
（menuItem.iconSource 包含图像的名称，如“my-image.png”）。在这种情况下，它在以开发模式运行应用程序时有效，但在生产构建后无效。当 Vite 为生产构建应用程序时，路径会更改（所有资产都放入_assets文件夹中）。静态图像源由 Vite 构建处理并相应更改路径，但组合图像源并非如此。它只是/src/assets/images/作为一个常量而不改变它（当应用程序抛出 404 not found for image /src/assets/images/my-image.png 时，我可以在网络监视器中看到它）。我试图找到解决方案，有人建议使用，require()但我不确定 vite 是否可以使用它。