我正在使用vite 0.16.6并希望将 vuepress 站点迁移到使用 vite。

但是我不确定如何配置 vite 以使用 tailwindcss。

在我的index.css

我有一个新安装的VITE 应用程序。

如何导入vuelidate库并用作Vue 插件以全局启用该功能。

Vite 不显示“vuelidate”形式。

错误说：

[vite] 避免深度导入“vuelidate/lib/validators”（由 /src/App.vue 导入），因为“vuelidate”已被 vite 预先优化到单个文件中。更喜欢直接从模块条目导入：

从“vuelidate”导入 { ... }

如果依赖项需要深度导入才能正常运行，请将深度路径添加到 vite.config.js 中的 optimizeDeps.include。

main.js 文件

应用程序.vue 文件

我很确定我必须在 vite.config.js 中添加优化Deps.include 的深层路径。在全球范围内使用 vuelidate。

vite.config.js我已经在文件中尝试了一些行，例如

说：

[vite] 无法从 E:\test\vue\vite.config.js 加载配置：

或者

在控制台上说：

未捕获的语法错误：找不到导入：minLength

https://github.com/vitejs/vite#bare-module-resolving

这是否意味着我不能将 Vue.use(plugin) 与 vite_ 一起使用？

我的设置：我通过create-vite-app模块安装了 Vue 和 Vite，然后将“init vite-app”生成的所有包更新为 Vue 和 Vite 的最新 RC 版本。

现在我想为我的所有代码使用打字稿。首先我只是玩了一下，然后将lang="ts"添加到HelloWorld.vue的标签中。这似乎可行，虽然我不知道打字稿是如何从 vue 文件中转译出来的。

然后我尝试将main.js重命名为main.ts。现在什么也没有发生。

我在想我只需要安装打字稿，但后来它击中了我，为什么它在.vue组件中工作呢？如果我现在安装 typescript，我做错了吗？

为什么typescript在vue模块（HelloWorld）中可以工作，但是*.ts文件没有生成js？

我正在尝试将 wasm 模块导入 vite vue 3 项目。 https://github.com/rsms/markdown-wasm

它引发以下错误：

未捕获的语法错误：请求的模块“/@modules/markdown-wasm/dist/markdown.es.js”不提供名为“默认”的导出

我知道 wasm 需要异步加载。

在 vite 文档中，它说它需要以类似的方式导入。

通过解构导入

给出以下错误。

导入 wasm 模块的正确方法是什么？

我正在尝试用 vite 替换 vue-cli。我有一个 vite.config.js，所以我可以使用别名进行导入：

然后在我的 main.ts 中，我尝试导入我的 css 文件（我尝试使用或不使用.module：

但我得到这个错误：

[vite] 无法解析模块导入“@/assets/app.module.css”。（由 /src/main.ts 导入）

我究竟做错了什么？

从 VueCLI 迁移到 Vite 后，据我所知，我必须“手动”进行 linting；如我错了请纠正我。因为我只想对我的 .ts 和 .html 文件进行 lint（我什至为组件将它们分开），所以我的包 json 中有这个脚本：

"lint": "eslint --ext .ts --ext .html src/"

它发现了一些问题，例如在循环中丢失:key，但它也向我显示了每个模板的此错误：

错误清除 vue/comment-directive

这始终是我的 template.html 中任何根元素的结束标记 如果只有一个根元素，我会收到一个文件警告，如果有多个根元素，我会收到每个结束标记的警告。

我不明白这条规则在抱怨什么，因为根据它的文档，它用于 eslint-disable 注释，而我的模板中没有这些注释。

我试图遵循文档并vite.config.js像这样创建：

并尝试通过以下调用对其进行测试：

我期待有实际的请求http://localhost:4567/foo，http://jsonplaceholder.typicode.com/test/get 但他们都把我的开发服务器作为这样的来源：http://localhost:3000/foo和http://localhost:3000/api/test/get

我误会了吗？代理应该如何工作？

我还在Vite 存储库中创建了一个问题，但它已关闭，我不明白结束评论。

我无法在 Windows 上以生产模式构建新创建的 vue3+vite 应用程序，而它在开发模式下运行正常。以下是我执行以获得错误的步骤：

错误是：

有没有办法以某种方式解决它？（我在 linux 上试过，效果很好）

我刚开始使用 Vue 3 和 vite，一切都在开发中运行良好。但是，当我为生产构建应用程序时，数据属性中声明的资产被忽略并在生产构建中抛出 404。这是数据对象的样子......

将资产作为"/src/assets/img/awesome_customer.png"模板标签和生产中的作品引用会正确捆绑它，但如果它在数据属性或方法中使用则不会。

使用 vue-cli，我们将使用，require()但我还没有设法让它在 vite 中工作关于如何实现这一点的任何想法？

更新：我在这里设置了一个示例存储库来演示所指的内容。自述文件包含重现的步骤。

我正在寻找require.context在 vitejs 中创建与 webpack 相同逻辑的方法，我发现了这个名为vite-plugin-import-context 的插件，我尝试了一下，但有些东西我不明白，这是import dynamicImport from '../src/index'基本的用法 ：