webpack本地怎么调试export import的代码?

Question

例如我需要的打包文件导出了一个方法

// 需要打包的文件
function a() {
  console.log(1)
}
export default {a}
export {a}

<!-- 调试的html,想要调试这个a方法 -->
<button onclick="a">点我试试</button>

在本地开发的时候使用html-webpack-plugin是直接把这个打包后的文件bundle.js直接插入到了index.html中，是一个自执行的文件，这里去调用a方法会提示报错，请问一下我该怎么去调试这个a方法呢？

可能表述的不是那么清楚，但是大概的意思是这样的，求大佬解答一下。

Answer 1

输出lib呗？他会让你配置一个全局的变量名。到时候 umd 方式引入就会使用该名字。

并不是 a ，而是你配置的包名 lib.a

Answer 2

你要是想看源码调试就搞sourceMap,想知道错误原因，看报什么错和配置有没有配对吧。