parcel 命令

npm install -g parcel-bundler

npm install --save-dev parcel-bundler

# 使用本地安装的 parcel
npx parcel index.html

# 使用全局安装的 parcel
parcel index.html

npx parcel build index.html

# 启动开发服务器，默认端口 1234
parcel <入口文件>

# 指定端口
parcel <入口文件> --port <端口号>

# 启用 HTTPS
parcel <入口文件> --https

# 禁用自动打开浏览器
parcel <入口文件> --no-open

# 生产构建
parcel build <入口文件>

# 指定输出目录
parcel build <入口文件> --out-dir <目录>

# 指定公共 URL 路径
parcel build <入口文件> --public-url <路径>

# 禁用最小化
parcel build <入口文件> --no-minify

# 禁用树摇
parcel build <入口文件> --no-scope-hoist

# 清除缓存
parcel clean

# 检查版本
parcel --version

# 查看帮助
parcel --help

{
  "name": "my-project",
  "version": "1.0.0",
  "scripts": {
    "dev": "parcel index.html",
    "build": "parcel build index.html"
  },
  "parcel": {
    "targets": {
      "main": {
        "source": "src/index.js",
        "distDir": "dist",
        "publicUrl": "/"
      }
    }
  }
}

{
  "extends": "@parcel/config-default",
  "transformers": {
    "*.{js,jsx}": ["@parcel/transformer-babel"]
  },
  "bundlers": {
    "*.{js,jsx}": ["@parcel/bundler-default"]
  }
}

// 动态导入模块
import('./module').then(module => {
  // 使用模块
});

if (process.env.NODE_ENV === 'production') {
  // 生产环境代码
} else {
  // 开发环境代码
}

npm install --save-dev @parcel/transformer-typescript-tsc

# 指定不同的端口
parcel index.html --port 3000

# 清除缓存并重新构建
parcel build index.html --no-cache

my-project/
├── src/
│   ├── index.js
│   ├── styles.css
│   └── components/
│       └── Button.js
├── index.html
├── package.json
└── .parcelrc