在我的项目中,在开发过程中一切都很好,但我的目标应用程序似乎无法正确解析以“/”开头的导入(我正在为本地应用程序开发,而不是为网站/网络应用程序开发)。 如何让Vite仅在构建时省略导入语句开头的
/
?
例如,如果我的
public
文件夹中有一个文件,我可以像这样导入:
import something from '/file.svg
我需要将其捆绑为:
import something from 'assets/file.svg
但我得到的是:
import something from '/assets/file.svg
我尝试修改
vite.config.js
以包含以下任何内容:
base: ''
,base: '/'
,base: './'
,检查项目中的Vite版本。旧版本中的
base
选项似乎有问题。
我不知道具体问题。但是这个与
base
选项有关。并于 2022 年修复。
更新项目中的Vite及其插件,然后使用空字符串重试。(值
./
也可以根据Vite文档使用)。
请注意,您必须在顶级配置对象上指定
base
选项(不在 build
选项内)。
例如,
vite.config.js
文件的这一部分演示了它:
export default defineConfig({
plugins: [
vue(),
],
base: '',
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
},
build: {...
对于安装在我的机器上的 Vite 版本
5.1.5
,我在输出 (dist
) 文件夹中得到此结果 HTML 文件: