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

【问题标题】：React-Dropzones + Webpacks throwing missing index.js.map errorReact-Dropzone + Webpack 抛出缺少 index.js.map 错误
【发布时间】：2018-01-27 10:08:00
【问题描述】：

在我的项目中，我想使用 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"
      }
    }

【问题讨论】：

标签： reactjs webpack react-dropzone

【解决方案1】：

我认为你可以忽略这一点。

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

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

您可以阅读here 更多关于缩小文件的信息，或了解如何使用webpack 来add js maps。

【讨论】：