google chrome - extensiones - Los mapas fuente se detectan en Chrome pero la fuente original no está cargada, usando webpack-2

extensiones chromium

Question

Cuando se ejecuta una aplicación que se crea con webpack 2, los mapas de origen se detectan en Chrome pero la fuente original no está cargada. Estoy usando webpack beta21.

Estos archivos solían ser detectados automáticamente, es decir, cuando se colocaba un punto de interrupción en la salida del archivo webpack js, la vista de origen saltaba a la entrada fuente original del paquete web. Pero ahora estoy atascado con esta pantalla:

config:

var path = require("path");
var webpack = require("webpack");
var WebpackBuildNotifierPlugin = require(''webpack-build-notifier'');


const PATHS = {
  app: path.join(__dirname, ''../client''),
  build: path.join(__dirname, ''../public'')
};

module.exports = {


  entry: {
    app: PATHS.app + ''/app.js''
  },
  output: {
    path: PATHS.build,
    filename: ''[name].js''
  },


  devtool: "source-map",
  module: {
    loaders: [
      {
        test: //.js?$/,
        loader: ''babel-loader'',
        include: [
          path.resolve(__dirname, ''client''),
        ],
        exclude: /node_modules/

      },

      {
        test: //.css/,
        loader: "style!css"
      }
    ]
  },
  resolve: {
    // you can now require(''file'') instead of require(''file.js'')
    extensions: ['''', ''.js'', ''.json'']
  } ,
  plugins: [
    new WebpackBuildNotifierPlugin()
  ]

};

Answer 1

El problema con los mapas fuente externos se solucionó en Chrome 52, pero parece que tienes tu devtool configurado de manera diferente a la mía, uso:

devtool: ''#source-maps''

¿Cómo estás construyendo tu fuente? Si está ejecutando con -d , cambiará a mapas de origen en línea

Answer 2

Si está asignando a un área de trabajo, eso significa que ya tiene el código fuente. Incluir el código fuente en su mapa de origen crea una redundancia innecesaria.

Utilice nosources-source-map lugar.