NPM：在node_modules目录中编辑es6编写的插件而不进行转换

Posted 2021-05-06

我有一个我在es6中编写的插件，我正在测试我正在构建的网站上的插件。当出现问题时，我想直接在node_modules文件夹中快速修改插件，但是每次我需要进行更改时，我都需要使用babel-cli重建该插件的dist文件夹。

反正有没有绕过这个？有这个webpack解决方案吗？

答案

不确定是否正确理解你在哪里执行这段代码，但是如果它在节点中执行 - 节点支持es，只需使用最新版本。如果它是浏览器 - 那么你又有两个选项执行文件，而不是在所有https://kangax.github.io/compat-table/es6/上进行反编译，或者直接在浏览器中使用babel：http://babeljs.io/docs/usage/browser/

另一答案

您的问题源于使用转换器转换源代码，然后再将其加载到浏览器中。您可以通过使用this example等同构模块模式来避免这种情况，并使用介绍性的article。

另一种与webpack兼容的替代方案是使用webpack热加载器。