要让Parcel正确构建路径,你可以使用--public-url
选项来指定公共 URL,以确保服务器上的文件路径是正确的。
以下是示例代码:
package.json
中添加一个构建脚本:{
"scripts": {
"build": "parcel build src/index.html --public-url ./"
}
}
.env
的文件,并在其中添加以下内容:PUBLIC_URL=/
process.env.PUBLIC_URL
来获取公共 URL:import React from "react";
const MyComponent = () => {
return (
);
};
export default MyComponent;
这样,当你在本地构建时,process.env.PUBLIC_URL
会被替换为./
,而在服务器构建时,它会被替换为根目录/
,从而确保文件路径是正确的。
运行npm run build
来构建你的项目,并将生成的文件上传到服务器上,确保你的服务器配置正确,以正确地提供静态文件。