【发布时间】:2016-06-25 17:16:58
【问题描述】:
我有一个我用 es6 编写的插件,我目前正在我正在构建的网站上测试该插件。 当出现问题时,我想直接在 node_modules 文件夹中快速修改插件,但是每次我需要进行更改时,我都需要使用 babel-cli 为该插件重建 dist 文件夹。
有没有办法解决这个问题?有没有针对这个的 webpack 解决方案?
【问题讨论】:
我有一个我用 es6 编写的插件,我目前正在我正在构建的网站上测试该插件。 当出现问题时,我想直接在 node_modules 文件夹中快速修改插件,但是每次我需要进行更改时,我都需要使用 babel-cli 为该插件重建 dist 文件夹。
有没有办法解决这个问题?有没有针对这个的 webpack 解决方案?
【问题讨论】:
您的问题源于使用转译器在将源代码加载到浏览器之前对其进行转换。您可以通过使用类似this example 的同构模块模式以及介绍性article 来避免这种情况。
另一个与 webpack 兼容的替代方法是使用 webpack 热加载器。
【讨论】:
不确定是否正确理解您在哪里执行此代码,但无论如何如果它在节点中执行 - 节点支持 es,只需使用最新版本。如果是浏览器 - 那么你有两个选项执行文件而不转编译它https://kangax.github.io/compat-table/es6/,或者直接在浏览器中使用 babel:http://babeljs.io/docs/usage/browser/
【讨论】: