刚开始用webpack的时候在chrome的debug死活找不到引用的东西,但是代码是可以执行下来的
1 2 | Hello = import Hello from 'hello' Hello.print('hello') |
如果把breakpoint扎在第二行,在浏览器的console里会提示Referece Error: Hello is not defined,虽然整段代码能走下来。
经过调查发现 babel会把代码编译成类似这样的东西,所以浏览器告诉你的是对的,Hello的确不存在
1 2 | _Hello = import Hello from 'hello' _Hello.print('hello') |
解决办法是使用require,这样变量名才不会被修改,还有第二个做法是使用 transform-es2015-modules-commonjs-simple 这个插件,我没有尝试过,有兴趣的朋友可以试试。
1 2 | Hello = require('hello') Hello.print('hello') |