包裹构建命令不起作用

Question

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

我的文件结构

  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

但是，在运行ning parcel build index.js 之后，我得到了这个输出：

  dist
    - 4wyd98y98790.css
    - 948y59hslas8.js

可能出了什么问题？

Answer 1

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

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

Answer 2

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

Answer 3

尝试删除旧的构建内容，例如 dist 文件夹并重新构建

Answer 4

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

 "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

包裹构建命令不起作用

Parcel build command not working

javascript

parceljs