React-Dropzones + Webpacks丢失index.js.map错误

时间:2017-08-18 16:46:33

标签: reactjs webpack react-dropzone

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

1 个答案:

答案 0 :(得分:1)

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

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

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

您可以阅读here有关缩小文件的详情,或了解add js maps使用webpack的方式。