web-dev-qa-db-ja.com

ソースマップはchromeで検出されますが、webpack-2を使用して元のソースがロードされていません

Webpack 2を使用してビルドされたアプリケーションを実行すると、chromeでソースマップが検出されますが、元のソースがロードされていません。webpackbeta21を使用しています。

これらのファイルは、以前は自動的に検出されていました。つまり、webpack jsファイルからの出力にブレークポイントが置かれると、ソースビューはwebpackへの元のソース入力にジャンプします。しかし今、私はこの画面で立ち往生しています： enter image description here

設定：

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

外部ソースマップの問題はChrome 52で修正されましたが、devtoolが私のものとは異なるように設定されているようです。

devtool: '#source-maps'

ソースをどのように構築していますか？ -dで実行している場合は、インラインソースマップに切り替わります

1
Thomas Grainger

ワークスペースにマッピングしている場合は、ソースコードが既にあることを意味します。ソースマップにソースコードを含めると、不要な冗長性が生じます。

使用する nosources-source-map代わりに。

0
ShortFuse