Исходные карты Webpack отправляются, но не загружаются - PullRequest
Новая
       6

Исходные карты Webpack отправляются, но не загружаются

0 голосов
/ 08 января 2019

TL; DR devtool: 'source-map' генерирует файл .map и комментарий sourceMappingURL во встроенном файле, но ни Chrome, ни IE11 не получают его.

Я пытаюсь реализовать очень простое сопоставление исходных кодов для проекта React, созданного в Webpack, в надежде найти корень ошибки в IE11. Поскольку проект прост, я только что использовал devtool: 'source-map', который, насколько я могу судить, должен работать "из коробки".

Создается файл .map, а также комментарий sourceMappingURL, но ни Chrome (MacOS), ни IE11 (Win81), похоже, его вообще не принимают. Это относится как к открытию локального файла в Chrome, так и к обслуживанию проекта с помощью live-server.

Я не могу избавиться от ощущения, что мне не хватает чего-то очевидного ...

Webpack Config 

'use strict';

require('webpack');
const path = require('path');

const config = {

  mode: process.env.NODE_ENV=='production' ? 'production' : 'development',

  entry: {
    application: ['@babel/polyfill/noConflict', './src/index.jsx']
  },

  output: {
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/dist/',
    filename: '[name].js'
  },

  resolve: {
    extensions: ['.js', '.jsx', '.css', '.scss'],
    modules: ['node_modules', 'src']
  },

  devtool: 'source-map',

  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env', '@babel/preset-react']
          }
        }
      },
      {
        test: /\.css$/,
        exclude: /node_modules/,
        use: ['style-loader', 'css-loader']
      },
      {
        test: /\.s(a|c)ss$/,
        exclude: /node_modules/,
        use: ['style-loader', 'css-loader', 'sass-loader']
      },
      {
        test: /\.(svg|png|je?pg|gif|eot|woff2?|ttf)$/i,
        exclude: /node_modules/,
        use: 'file-loader'
      },
      {
        test: /\.ya?ml$/,
        exclude: /node_modules/,
        use: 'raw-loader'
      }
    ]
  }

};

module.exports = config;
...