2

我正在按照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

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

  dist
    - 4wyd98y98790.css
    - 948y59hslas8.js

可能出了什么问题？

4

4 回答 4

4

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

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

于 2017-12-20T15:41:49.703 回答
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
于 2020-12-23T16:12:37.130 回答
2

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

于 2018-01-04T14:53:47.727 回答
0

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

于 2020-02-14T14:02:55.017 回答