Vanilla JS中Parcel执行npm build报错求助及成功原因咨询

问题场景 #

• 操作步骤：
  1. 终端执行npm i parcel --save-dev安装Parcel依赖
  2. 运行npm run start能正常启动项目
  3. 执行npm run build时触发报错
• 尝试过程：
  • 把package.json里的"main"设为"17th.html"，结果收到“扩展名必须是.js”的新错误
  • 删除"main"字段后，构建直接成功

为什么删除main就能解决？ #

Parcel的构建逻辑里，main字段的读取规则是这样的：

1. 它默认遵循Node.js包的约定——main字段是用来指定JS入口文件的，所以当你设置main为非JS文件（比如HTML）时，Parcel会判定不符合规则，直接报错。
2. 一旦删掉main字段，Parcel就会切换到前端项目的默认扫描逻辑：自动找项目根目录下的HTML文件作为入口，因为Vanilla JS项目通常都是以HTML作为页面起点，Parcel会从HTML里自动关联并打包引用的JS、CSS等资源，自然就能正常构建了。

替代方案 #

如果不想删main，也可以在构建命令里直接指定入口，比如修改package.json的scripts：

"scripts": {
  "build": "parcel build 17th.html"
}

这种方式更直观，适合有多入口的项目。

内容的提问来源于stack exchange，提问作者Tabsum Khadka