包裹构建命令不起作用

Question

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

我的文件结构

  dist
  node_modules
  src
    - index.html
    - style.css
    - index.js
    - somemodule.js

当我运行parcel ./src/index.html ，服务器启动并且网站显示正确。 根据教程，您可以使用parcel build index.js完成parcel build index.js 。 我希望得到这个输出：

  dist
    - style.css
    - index.js
    - index.html

但是，在运行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

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

 "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

Answer 4

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