我在一个HTML项目,这将是集成PHP工作。我已经创建了一个结构的js,scss,字体,图像和清单的。html文件内的src文件夹。但是当运行index.html时,它实际上是从dist文件夹渲染的,这非常复杂。我希望结构保持不变。因此其他开发人员可以相应地使用它。唯一的变化,我需要的是额外的CSS文件夹,使图像的路径是采取相对。
包裹捆绑在dist文件夹内的所有东西使它更脏。我不想捆绑我需要我的工作目录直接structre。这可能吗
我的src文件夹结构。
- SCSS
- 字体
- js
- 图像
- index.html
package.json
{
"name": "project_name",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "parcel serve src/index.html",
"build": "parcel build src/index.html —no-minify"
},
"repository": {
"type": "git",
"url": "git url....."
},
"keywords": [],
"author": "",
"license": "ISC",
"bugs": {
"url": "...."
},
"staticFiles": {
"staticPath": ["src"],
"staticOutDir" : ["public"]
},
"homepage": "....,
"devDependencies": {
"@parcel/transformer-sass": "^2.8.3",
"lodash": "^4.17.21",
"parcel": "^2.8.3",
"parcel-bundler": "^1.12.5"
},
"dependencies": {
"@fortawesome/fontawesome-free": "^6.4.0",
"@popperjs/core": "^2.11.7",
"bootstrap": "^5.2.3",
"lodash.escaperegexp": "^4.1.2",
"parcel-plugin-static-files-copy": "^2.6.0",
"replace-in-file": "^6.3.5"
}
}
我需要完全相同的结构在区文件夹以及。我也用过parcel-plugin-static-files-copy
npm包。它只是将文件夹从src复制到dist,但不改变style.css中的路径,也不改变复制root中所有文件的dist文件夹行为。请帮帮我
1条答案
按热度按时间n6lpvg4x1#
虽然这不是问题的答案,但实际上是我想要实现的另一种解决方案。
我切换回 Gulp 修复所有错误。如果有人在这里寻找相同的代码是
package.json
和gulpfile.jspackage.json
gulpfile.js
注意gulpfile.js的最后一行
在终端中,我们只需要运行
gulp
,它将自动运行这个任务default
,它有一系列的任务,这些任务将从右到左运行,从脚本开始,以serve结束。