reactjs - React-Dropzones + Webpacks 抛出缺少 index.js.map 错误

Question

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

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

{
      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 文件可读。每当您缩小代码并打开浏览器开发者控制台时，浏览器都会尝试下载地图文件。如果它不能 - 你会看到没有行号的缩小的 js/css。

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

您可以在此处阅读有关缩小文件的更多信息，或了解如何使用webpack添加 js 地图。