3

awesome-typescript-loaderTypescript ( (リンク)) を Webpack と一緒に使用しようとしていますが、実行時にブラウザにソース マップが表示されませんwebpack-dev-server。同じセットアップがbabel-loader(リンク) と ES6 クラスで機能しました (ES5 にコンパイルされていても、ブラウザーで ES6 クラスをデバッグできました)。

私の Webpack 構成ファイルは次のようになります (これは重要なスニペットです。完全なバージョンはgithubにあります):

module.exports = {
    resolve: {
        extensions: ['', '.ts', '.js']
    },
    entry: {
        app: './src/app.ts'
    },
    output: {
        path: params.output.path,
        filename: params.output.filename
    },
    module: {
        loaders: [
            {test: /\.ts$/, loader: 'awesome-typescript', exclude: /node_modules/},
            {test: /\.css$/, loader: 'style!css'}
        ]
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: './src/index.html',
            inject: 'body'
        })
    ].concat(params.plugins),
    progress: true,
    colors: true,
    devServer: {
        port: params.server.port
    }
};
4

1 に答える 1

1

私は問題を発見し、プロパティをパラメーターとして抽出devtoolしましたdebugが、それらを最終構成に再度読み込むのを忘れていました。最終的な作業バージョンは次のようになります。

// ...
debug: params.debug,
devtool: params.devtool,
// ...
于 2015-08-12T21:52:28.797 に答える