如何在Parcel中手动修改文件名？运行Parcel命令提示index.html不存在如何解决？

1. 先确认入口文件存在 #

• 检查你运行npm start/npm build命令的根目录（对应路径/mnt/c/Users/kabre/Desktop/18-forkify/）下是否有index.html文件，注意文件名大小写完全匹配，不要写成Index.html、index.htm这类格式
• 如果你将index.html放在了src等子文件夹中，需要明确指定入口路径，不能直接运行无参数的parcel命令

提示：你当前用的是WSL环境，修改Windows侧的文件后建议刷新WSL侧的文件夹列表，避免文件存在但WSL未识别的问题。

2. 明确配置Parcel入口 #

修改项目根目录下package.json里的scripts字段，手动指定入口文件路径，避免Parcel自动查找入口出错：

{
  "scripts": {
    "start": "parcel index.html",
    "build": "parcel build index.html"
  }
}

如果你的index.html在src文件夹中，就将命令改为parcel src/index.html和parcel build src/index.html。

修改完成后删除项目根目录下的.parcel-cache缓存文件夹，再重新运行npm start即可解决找不到入口的报错。

Parcel默认会对生产构建的静态资源添加哈希后缀用于缓存控制，如果你需要自定义输出文件名，可通过以下方式调整：

• 固定输出文件夹：在build命令中添加--dist-dir参数指定输出目录，比如将所有构建产物输出到dist文件夹：

  "build": "parcel build index.html --dist-dir dist"
  

• 关闭资源哈希后缀：如果不需要给JS、CSS等资源加哈希，添加--no-content-hash参数：

  "build": "parcel build index.html --no-content-hash"
  

• 自定义单个资源的输出名：在HTML引入资源时添加?as=自定义名称参数即可，比如要将入口JS输出为app.js：

  <script src="./js/index.js?as=app.js" type="module"></script>
  

内容的提问来源于stack exchange，提问作者Kevin A