在根文件夹而不是 ./dist 中构建包裹答案

【问题标题】：parcel build building in root folder instead of ./dist在根文件夹而不是 ./dist 中构建包裹
【发布时间】：2021-04-14 03:40:25
【问题描述】：

我很困惑为什么我的包裹构建脚本将所有内容都发送到根文件夹而不是./dist，我尝试指定有和没有输出路径但没有运气。

更让我困惑的是我的start 脚本"parcel index.html" 是如何输出到dist 文件夹中的。

为了澄清以下内容，我正在运行：npm run build

这是我的 package.json

感谢您的帮助！

{ 
  "name": "eclaires","version": "1.0.0",
  "description": "",
  "main": "index.html",
  "browserslist": "last 10 versions",
  "scripts": {
    "watch:sass": "node-sass sass/main.scss css/style.css -w",
    "start": "parcel index.html",
    "devserver": "live-server",
    "compile:sass": "node-sass sass/main.scss css/style.comp.css",
    "prefix:css": "postcss css/style.comp.css --use autoprefixer -o css/style.prefix.css",
    "compress:css": "node-sass css/style.prefix.css css/style.css --output-style compressed",
    "build:css": "npm-run-all compile:sass prefix:css compress:css",
    "build:html": "parcel build index.html --dist-dir ./dist",
    
    "build": "npm-run-all build:css build:html"
  },
  "author": "LY",
  "license": "ISC",
  "dependencies": {},
  "devDependencies": {
    "autoprefixer": "^10.2.4",
    "core-js": "^3.8.3",
    "node-sass": "^5.0.0",
    "npm-run-all": "^4.1.5",
    "parcel": "^2.0.0-beta.1",
    "postcss": "^8.2.6",
    "postcss-cli": "^8.3.1"
  }
}

【问题讨论】：

如果您从 package.json 中删除 "main": "index.html"，然后运行 npm run build - 如 issue #5063 中的建议，会发生什么情况？
它在构建时引发错误，经过一段时间的查找，我发现使用“default”而不是“main”，这似乎已经解决了这个问题。虽然我实际上不知道它为什么会修复它。

标签： build package.json parcel

【解决方案1】：

您似乎没有设置输出目录。

根据文档，你可以像我下面那样做，这将创建 dist 文件夹和文件：

https://parceljs.org/cli.html

{
  "name": "silicia",
  "version": "1.0.0",
  "description": "",
  "main": "index.html",
  "dependencies": {
    "parcel": "^1.12.3"
  },
  "devDependencies": {
    "sass": "^1.32.8"
  },
  "scripts": {
    "dev": "parcel index.html",
    "build": "parcel build index.html --out-dir ./dist"
  },
  "author": "Jesus Ramirez",
  "license": "ISC"
}

【讨论】：