Javascript 我可以在一个项目中有2个LRC文件吗?
我试图将react添加到一个非常大的解决方案中,但站点上的一个组件使用preact。我现在的宝贝是Javascript 我可以在一个项目中有2个LRC文件吗?,javascript,reactjs,babeljs,preact,Javascript,Reactjs,Babeljs,Preact,我试图将react添加到一个非常大的解决方案中,但站点上的一个组件使用preact。我现在的宝贝是 { "presets": ["env"], "ignore": [ "**/what-input.js", "**/HostedPCIAdapter.js", "InstantPreview/**/*.js", "Wishlist/**/*.js" ], "plugins": [ "transform-object-res
{
"presets": ["env"],
"ignore": [
"**/what-input.js",
"**/HostedPCIAdapter.js",
"InstantPreview/**/*.js",
"Wishlist/**/*.js"
],
"plugins": [
"transform-object-rest-spread",
"transform-react-jsx"
]
}
原创。baberc看起来像这样:
{
"sourceMaps": true,
"presets": [],
"plugins": [
[
"transform-react-jsx",
{
"pragma": "preact.h"
}
],
"transform-object-assign",
[
"transform-es2015-classes",
{
"loose": true
}
],
"transform-es2015-arrow-functions",
"transform-es2015-block-scoping",
"transform-es2015-template-literals"
]
}
app
reactCode
.babelrc
index.js
preactCode
.babelrc
index.js
那么,我可以为愿望列表功能添加pragma吗?任何帮助都将不胜感激。我使用gulp作为taskrunner和网页包来构建我的资产 Babel文件可以嵌套在具有独特设置的子目录中,这是非常酷的东西 因此,如果您有如下文件夹结构:
{
"sourceMaps": true,
"presets": [],
"plugins": [
[
"transform-react-jsx",
{
"pragma": "preact.h"
}
],
"transform-object-assign",
[
"transform-es2015-classes",
{
"loose": true
}
],
"transform-es2015-arrow-functions",
"transform-es2015-block-scoping",
"transform-es2015-template-literals"
]
}
app
reactCode
.babelrc
index.js
preactCode
.babelrc
index.js
您可以为分支添加单独的.lrc文件。
我认为这并不理想,但如果您使用的是一个大型单片解决方案,它具有许多不同的框架和需求,那么它肯定可以修复许多bug和QA工作 你试过了吗?这应该不是一个问题,这取决于构建的方式,但当然也有解决办法,但我不需要在根目录中同时使用它们吗?我想我可以制作一个bable rc生成脚本,但是react是用gulp webpack构建的,preact是通过gulp babel构建的。我很想更新preact代码以作出反应,但在我的截止日期之前,这项工作太多了。请确保将它们都放在根目录下,只是不要准确地命名它们。
。babelrc
。你不需要一个别致的脚本,只需要在构建或其他东西之前cp.preact.babelrc.babelrc
。同样,这取决于构建管道的预期,但这似乎很容易让megulp按顺序运行。。。只需在gulpfile中直接重命名该文件,然后重命名另一个文件,然后在清理结束时删除.babelrc
,如果您发布gulpfile,可能更容易向您展示我的简单解决方案