我正在按照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
可能出现什么问题?
答案 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)
文件夹,然后重新构建