Question

我是新来的响应者，并尝试构建一个响应前端来称赞我的Django网站。在大多数情况下，它运行良好，但是图像有问题。在我的package.json中，我正在重命名文件以删除哈希，这样我的本地Django静态目录就不会因同一文件的多个版本而肿。这是可行的，但是，当我渲染网页时，它找不到我重命名的图像，因为它正在使用重命名之前的名称查找图像。我猜是因为在创建生成后文件已被重命名。有没有更新构建文件的方法？

如果您需要更多信息，请告诉我。您能提供的任何帮助将不胜感激。

问题：

文件名已更改为twitter.png，但是页面正在渲染.../twitter.bdda731e.png，并且构建文件全部使用后一个而不是前一个文件名。

package.json

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "collect": "react-scripts build && npm run build-rename && npm run copy-buildfiles && npm run collectstatic",
    "build-rename": "npm run build-rename-js && npm run build-rename-js-map && npm run build-rename-2-chunk-js && npm run build-rename-2-chunk-map && npm run build-rename-chunk-js && npm run build-rename-chunk-map && npm run build-rename-css && npm run build-rename-css-map && npm run build-rename-logo",
    "build-rename-logo": "renamer --regex --find '([^\\.])\\.[^\\.]+\\.(\\w+)' --replace '$1.$2' build/static/media/*",
    "build-rename-js": "renamer --regex --find 'runtime~main\\.[^\\.]+\\.js' --replace 'runtime~main.js' build/static/js/*.js",
    "build-rename-js-map": "renamer --regex --find 'runtime~main\\.[^\\.]+\\.js.map' --replace 'runtime~main.js.map' build/static/js/*.map",
    "build-rename-chunk-js": "renamer --regex --find 'main\\.[^\\.]+\\.chunk.js' --replace 'main.chunk.js' build/static/js/*.js",
    "build-rename-chunk-map": "renamer --regex --find 'main\\.[^\\.]+\\.chunk.js.map' --replace 'main.chunk.js.map' build/static/js/*.map",
    "build-rename-2-chunk-js": "renamer --regex --find '\\d\\.[^\\.]+\\.chunk.js' --replace '2.chunk.js' build/static/js/*.js",
    "build-rename-2-chunk-map": "renamer --regex --find '\\d\\.[^\\.]+\\.chunk.js.map' --replace '2.chunk.js.map' build/static/js/*.map",
    "build-rename-css": "renamer --regex --find 'main\\.[^\\.]+\\.chunk.css' --replace 'main.chunk.css' build/static/css/*.css",
    "build-rename-css-map": "renamer --regex --find 'main\\.[^\\.]+\\.chunk.css.map' --replace 'main.chunk.css.map' build/static/css/*.map",
    "copy-buildfiles": "npm run copy-build-js && npm run copy-build-css && npm run copy-build-logo",
    "copy-build-logo": "copyfiles -f 'build/static/media/*' '../static/media/'",
    "copy-build-js": "copyfiles -f 'build/static/js/*.js' 'build/static/js/*.map' '../static/js/'",
    "copy-build-css": "copyfiles -f 'build/static/css/*.css' 'build/static/css/*.map' '../static/css/'",
    "collectstatic": "python ../manage.py collectstatic --no-input"
  },

REACT版本未引用重命名的文件

0 个答案: