Parcel构建命令无法正常工作

时间:2017-12-19 23:07:12

标签: javascript parceljs

我正在按照Parcel的基本教程来捆绑js,css和图像文件。

我的文件结构

console.log(i)

当我运行 dist node_modules src - index.html - style.css - index.js - somemodule.js 时,服务器启动并且网站显示正确。根据教程,您可以使用parcel ./src/index.html完成构建。我希望得到这个输出:

parcel build index.js

但是,在运行 dist - style.css - index.js - index.html 之后,我得到了这个输出:

parcel build index.js

可能出现什么问题?

4 个答案:

答案 0 :(得分:2)

默认情况下,Parcel Bundler输出目录为dist,但您可以通过设置选项(-d)来指定输出目录。

例如parcel build src/index.html -d build --public-url .您将获得构建目录中的最终静态文件。

答案 1 :(得分:2)

由于有些命令似乎会随着时间的推移而改变,我将在这里分享最新的设置。

 "scripts": {
    "start": "parcel src/index.html -p 3000 --open",
    "build:parcel": "parcel build ./src/index.html --public-url ./ --no-source-maps",
    "build": "npm run clean && npm run build:parcel",
    "clean": "rm -rf dist/*"
  }

我使用 npm run-script build

运行脚本

我的树项目是:

project
    |dist
      |OUTPUT FILES
    |src
      |OTHER INPUT FOLDERS
      |index.html
    package.json

答案 2 :(得分:1)

教程可能会说parcel build index.js,但您应该运行parcel build ./src/index.html。您应用的入口点是index.html。

答案 3 :(得分:0)

尝试删除旧的构建内容,例如# download annotation for specific category for im in images: annIds = coco.getAnnIds(imgIds=im['id'], catIds=catIds, iscrowd=None) anns = coco.loadAnns(annIds) print("anns: ", anns) 文件夹,然后重新构建