react webpack打包后怎么调试

因为截止目前几乎没有浏览器原生支持es6标准。所以,针对这种情况,chrome引入了source-map文件,标识es5代码对应的转码前的es6代码哪一行。对于开发人员来说,你唯一要做的就是配置webpack自动生成source-map文件,在webpack.config.js中增加一行配置即可(这个需要你去重新启动webpack-dev-server,以使配置生效)。

 entry:{
    'index':'./src/index.js',
    'comment':'./src/comment.js',
    'commentEs6':'./src/commentEs6.js',
  },
  devtool: 'source-map',
  output: {
        path: path.resolve(__dirname, 'build'),
        filename: '[name].js'
  },

打开控制台就可以看到
这里写图片描述

展开阅读全文

没有更多推荐了,返回首页