如何解决如何使用 Vite 将入口点更改为默认的“src/main.js”以外的其他内容?
我想指向不同的位置和文件名并偏离 Vite 标准。
假设我的 js
文件在 out/frontend/../../out.js
中。当我将它重命名为 main.js
并将其复制到我的项目的根目录中时,它就可以工作了,index.html
和 vite.config.js
所在的位置。但我更愿意以某种方式更改入口点...
我试过了:
rollupInputoptions: {
// or whatever your entry file is
input: resolve(__dirname,'out/frontend/my/path/out.js')
}
没用。有什么建议吗?
解决方法
使用 resolve
模块中的 path
并在 vite.config.js
配置中添加别名来解析路径,检查。
import { resolve } from 'path'
module.exports = {
...
resolve: {
alias: {
'@': resolve(__dirname,'../out/'),// resolve path
},},rollupInputOptions: {
input: resolve(__dirname,'../out/entrypoint.js') // custom main
}
}
- 从解析路径导入模块使用
'@'
,例如:import { myModule } from '@/mymodule'
- 您必须在
index.html
文件中调整新入口点的路径。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。