时间戳

首页 > 解决方案 > 在根文件夹而不是 ./dist 中构建包裹

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

问题描述

我对为什么我的 parcel 构建脚本将所有内容都喷入根文件夹而不是 into 感到非常困惑./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"
  }
}

标签： buildpackage.jsonparcel

解决方案

看起来您没有设置输出目录。

根据文档，您可以像我在下面那样做，这将创建 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"
}

推荐阅读