Webpack中配置devtool source-map映射位置和本地代码不一致!

我在webpack里面配置了devtool映射是映射了但是感觉还是做了处理!他把空行删除了,最上面还加了“use strict”
image.png

const HtmlWebpackPlugin = require('html-webpack-plugin')
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
module.exports = {
    entry: './src/index.ts',
    output: {
        filename: 'main.js',
    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js']
    },
    module:{
        rules:[
            {
                test:/\.tsx?$/,
                use:'ts-loader',
                exclude:/node_modules/
            }
        ]
    },
    devtool: process.env.NODE_DEV === 'production'? 'source-map' : 'inline-source-map',
    devServer:{
        contentBase:'./dist',
        stats:'errors-only',
        compress:false,
        host:'localhost',
        port:8089
    },
    plugins:[
        new CleanWebpackPlugin({
            cleanAfterEveryBuildPatterns:['./dist']
        }),
        new HtmlWebpackPlugin({
            template:'./src/template/index.html'
        })
    ]
}

这个要在加个配置吗?好像是Babel处理过的文件不是我本地的代码行数!

阅读 1.1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题