可以在babel浏览器版本中使用白名单吗?

时间:2019-09-26 14:21:15

标签: javascript reactjs babel

我想在我的一个大学项目中使用react。它不允许安装任何东西,所以我不得不使用浏览器版本的react。它工作正常,但我想use JSX in browser。它可以很好地处理一个文件,但是如果有任何导入语句,它们将被转换为require()调用,这显然在浏览器中不受支持。

所以问题是:我可以在此处将转译的JSX或黑名单模块列入白名单吗?

<script src="https://unpkg.com/babel-standalone@6/babel.js"></script>
<script src="/js/main.js" data-plugins="transform-react-jsx" type="text/babel"></script>

2 个答案:

答案 0 :(得分:0)

如果其URL被阻止,则这是您需要与网络管理员联系的问题。如果您想在浏览器中支持require语句,我会考虑使用browserifyRequireJS或其他模块加载器之类的东西。

答案 1 :(得分:0)

好的解决方案: https://glitch.com/edit/#!/example-es-modules-with-babel
它需要导入.html中的每个js文件,但比我发现的任何其他替代方法都要好