前置条件需要已安装 parcel：

  1. yarn global add parcel // 安装parcel
  2. parcel src/index.html // 用parcel预览src/index.html

初始化

  1. yarn init

根据命令提示输入配置信息，必须包括name和version

  1. yarn init --yes // yarn init -y

跳过回答问题，直接生成默认的package.json

手动终端打包

  1. parcel build src/index.html --no-minify --public-url ./

一键打包

在package.json文件中添加下面内容

  1. "scripts":{
  2.     "build":"rm -rf dist && parcel build src/index.html --no-minify --public-url ./"
  3. },
  • 先删除原本的 dist 文件
  • --no-minify：表示不要压缩
  • --public-url ./：（也可以写绝对路径，就太长了）改路径（默认的是 / ）（不会可以 parcel build --help）

之后再重新build就直接下面一句就可以了

  1. yarn build

注：一般需加入到 .gitignore的文件

  1. /.cache/
  2. /node_modules/
  3. /.idea/

第三个WebStorm有，VSCode没有