如何让Parcel构建时不生成JavaScript文件

针对你的静态站点（无JS代码）构建时生成多余JS文件的问题，可以通过以下步骤彻底禁用JS打包：

1. 安装Parcel静态站点配置 #

Parcel提供了专门的静态站点配置@parcel/config-static，默认不会处理或生成JS文件。首先安装该依赖：

npm install @parcel/config-static --save-dev

2. 配置.parcelrc #

在项目根目录创建或修改.parcelrc文件，指定使用静态配置并保留PostHTML、PostCSS的处理能力：

{
  "extends": "@parcel/config-static",
  "transformers": {
    "*.html": ["@parcel/transformer-posthtml"],
    "*.css": ["@parcel/transformer-postcss"]
  }
}

3. 清理缓存并重新构建 #

Parcel的缓存可能导致旧配置残留，先清理缓存和dist目录：

rm -rf .cache dist

然后执行构建命令：

parcel build index.html

额外检查 #

• 确保HTML文件中没有任何<script>标签（包括内联代码）
• 确认postcss.config.js和posthtml.config.js配置正确，未引入依赖JS的插件

这样构建后的/dist目录只会包含HTML、CSS文件及静态资源，不会生成任何JS文件和对应的map文件。

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