web-dev-qa-db-fra.com

Les sourcemaps sont détectés dans chrome mais la source d'origine n'est pas chargée, en utilisant webpack-2

Lorsque vous exécutez une application créée à l'aide de webpack 2, les sourcemaps sont détectés dans chrome mais la source d'origine n'est pas chargée. J'utilise webpack beta21.

Ces fichiers étaient détectés automatiquement, c.-à-d. Lorsqu'un point d'arrêt était placé dans la sortie du fichier js de webpack, la vue source sautait à l'entrée source d'origine de webpack. Mais maintenant je suis coincé avec cet écran: enter image description here

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()
  ]

};
google-chromewebpacksource-mapswebpack-2
27
Nikos

Le problème avec les cartes sources externes a été corrigé dans Chrome 52 mais il semble que votre devtool soit défini différemment du mien, j'utilise:

devtool: '#source-maps'

Comment construisez-vous votre source? Si vous courez avec -d il passera aux cartes source en ligne

1
Thomas Grainger

Si vous mappez sur un espace de travail, cela signifie que vous disposez déjà du code source. L'inclusion du code source dans votre carte source crée une redondance inutile.

Utilisation nosources-source-map au lieu.

0
ShortFuse