django - webpack 不反射(reflect) js 文件中的更改与 React 和 django

Question

我正在尝试使用 React 前端和 Django Rest Framework 后端构建一个应用程序。我使用 webpack_loader 并按照在线说明进行设置。我从 Amazon CDN 提供静态文件，但当我通过 python manage.py run server 进行本地测试时，我对 js 文件的本地更改没有反射(reflect)出来webpack.config.js

var debug = process.env.NODE_ENV !== "production";
var webpack = require('webpack');
var path = require('path');
var BundleTracker = require('webpack-bundle-tracker');

module.exports = {
  context: path.join(__dirname, "src"),
  devtool: debug ? "inline-sourcemap" : null,
  entry: {
      index: ["./js/index.js"],
      explore: ["./js/explore.js"],
      post: ["./js/post.js"]
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel-loader',
        query: {
          presets: ['react', 'es2015', 'stage-0'],
          plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy'],
        }
      }
    ]
  },
  output: {
    path: __dirname + "/src/bundle",
    filename: "[name].min.js",
    publicPath: "/src/bundle/",
  },
  plugins: [
    new webpack.optimize.DedupePlugin(),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }),
    new webpack.optimize.CommonsChunkPlugin('vendors', 'vendors.js'),
    new BundleTracker({filename: './webpack-stats.json'}),
  ],
};

我跑了什么

node_modules/.bin/webpack --config webpack.config.js
python manage.py collectstatic --noinput -i node_modules

它将静态文件收集到 CDN 上。我仔细检查了 sellers.js 和 index.min.js 在 CDN 上是否正确，并且不包含我更改的旧网址。现在我真的很困惑为什么它仍然能够渲染旧的东西。

本地“Header.js”:

<img className="logo"src="https://d3h7hz7pb749sg.cloudfront.net/static/src/binary/icon/logo.png" alt="Pique Logo" draggable="false" />

但是当在服务器上运行时:

Answer 1

对于所有遇到 index.html 或其他页面问题、未正确更新其内容(例如不显示“React App”或不更新)的人，请尝试在 Chrome 上使用禁用 cookie 或隐身模式(或隐私浏览)。我发现我的浏览器使用的是我网站的以前实例，而不是最新版本，无论我保存和运行服务器多少次，但最终禁用 cookie 对我来说都有效。