React-Dropzone + Webpack 抛出缺少 index.js.map 错误

Question

在我的项目中，我想使用 React-Dropzones 来上传文件。一切正常，但是当 React-Dropzones 是项目的一部分时，它试图从我的 public javascripts 文件夹中提取一个 index.js.map 文件（并且这个文件不存在）。

我正在使用具有以下配置的 Webpacks：

{
      entry: './app/js/' + file,
      output: { 
        path: path.resolve(__dirname, 'public/javascripts_react'), 
        filename: file.replace(".js", "") + mode + ".js" },
      module: {
        loaders: [
          {
            test: /.js?$/,
            loader: 'babel-loader',
            exclude: /node_modules/,
            query: {
              presets: ['es2015', 'react', 'stage-2']
            }
          }
        ]
      },
      node: {
        fs: "empty",
        module: "empty"
      }
    }

Answer 1

我想你可以忽略它。

映射文件用于通过将源行号添加到缩小代码来使缩小 CSS 和 JS 文件可读。每当您缩小代码并打开浏览器开发人员控制台时，浏览器都会尝试下载地图文件。如果不能，您将看到没有行号的 minifed js/css。

请记住，只要您不打开控制台，浏览器就不会尝试下载缩小后的文件。

你可以阅读here more about minified files, or find out how to using webpack。