webpack исходные коды jsx без сервера webpack dev

Question

Я не могу получить webpack для создания исходных карт из исходного источника с помощью файлов jsx. Использование devtool: 'source-map' Я могу получить исходные карты в их исходном коде es6, чтобы распечатать файлы js, но jsx файлы исходных карт сопоставлены с их искаженными форматами es5.

Я пробовал несколько комбо конфигураций, в том числе используя webpack. SourceMapDevToolPlugin и используя разные типы карт devtool без везения.

Этот проект является расширением хром, поэтому из-за ограничительной среды я не могу использовать сервер webpack dev, eval-source-map.

Ниже мой WebPack конфигурации:

let path = require('path'); 
let webpack = require('webpack'); 
let HtmlWebpackPlugin = require('html-webpack-plugin'); 

module.exports = [{ 
    devtool: 'source-map', 
    entry: { 
    app: './' + path.join('src', 'app'), 
    vendor: [ 
     'react', 
     'react-dom', 
     'react-redux', 
     'redux', 
     'redux-thunk' 
    ] 
    }, 
    output: { 
    path: path.join(__dirname, 'dist'), 
    filename: 'client.js' 
    }, 
    module: { 
    preLoaders: [{ 
     test: /\.jsx?$/, 
     loader: 'babel', 
     query: { 
     plugins: [ 
      'syntax-jsx', 
      'transform-react-jsx' 
     ], 
     presets: [ 
      'latest', 
      'react', 
      'stage-3' 
     ] 
     } 
    }], 
    loaders: [{ 
     test: /\.jsx$/, 
     loader: 'jsx' 
    }] 
    }, 
    resolve: { 
    extensions: [ 
     '', 
     '.js', 
     '.jsx' 
    ], 
    root: [ 
     path.resolve('./src') 
    ] 
    }, 
    plugins: [ 
    new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js'), 
    new HtmlWebpackPlugin({ 
     title: 'Bookmarks' 
    }) 
    ] 
}]; 

Answer 1

Удаление неподдерживаемый JSX загрузчика из loaders конфигурации исправлена ​​проблема!