前端Parcel配置规范书.docVIP

前端Parcel配置规范书

一、Parcel基础配置文件规范

1.1配置文件命名与存放位置

Parcel支持零配置启动，但为了项目的可维护性和扩展性，统一使用.parcelrc作为核心配置文件，存放于项目根目录。同时，可根据项目需求创建.env、.env.development、.duction等环境配置文件，用于区分开发、测试、生产等不同环境的变量。

1.2核心配置项说明

1.2.1转换器配置

在.parcelrc中，通过transformers字段配置文件转换规则。例如，对于React项目，需配置JSX转换器：

{extends:@parcel/config-default,transformers:{*.{js,jsx,ts,tsx}:[@parcel/transformer-babel,@parcel/transformer-react-refresh-wrap]}}

对于Vue项目，则配置Vue单文件组件转换器：

{extends:@parcel/config-default,transformers:{*.vue:[@parcel/transformer-vue]}}

转换器的配置需遵循“从左到右”的执行顺序，确保文件转换流程的正确性。

1.2.2打包目标配置

通过targets字段定义不同环境的打包目标。例如，区分开发和生产环境的