你能在.babelrc中使用正则表达式吗？
在.babelrc中使用正则表达式是不可能的，因为.babelrc是用来配置Babel编译器的文件，它的语法是基于JSON的，而JSON不支持正则表达式作为配置项。.babelrc文件主要用于指定Babel的转译规则和插件，以及其他相关的配置选项。如果需要使用正则表达式来匹配特定的文件或路径，可以考虑使用其他工具或脚本来实现。
相关·内容
1回答
我有一个使用babel的项目，我很好奇一个.babelrc文件是否通常是gitignored的。我正在使用几个预置，它们是我在package.json文件中的一部分，所以看起来.babelrc文件应该在源代码管理中，但并不完全确定。
浏览 5提问于2016-06-09得票数 10
回答已采纳
我是新来的巴贝尔。
我把它设成这样：
.babelrc：
{
"presets": ["es2015", "es2017"]
}
吞咽文件：
gulp.task('default', function() {
return gulp.src(['src/**/*.js', '!src/**/3rd/*'])
.pipe(babel())
.pipe(gulp.dest('dist'));
});
然而，这似乎是编译为es5，这在Safa
浏览 5提问于2016-10-23得票数 7
回答已采纳
我正在使用react-native 0.61.*，并用npx react-native init AwesomeProject创建了项目，但在添加.babelrc的official doc中找不到babel-plugin-transform-remove-console文件。 如何包含babel-plugin-transform-remove-console？只需创建一个新的.babelrc文件，它就会神奇地工作吗？或者我在.babelrc文件中编辑？
浏览 49提问于2020-01-15得票数 0
我正在学习Brian的react教程，我需要在react组件中导入.json文件，如下所示：
当我试图构建我的项目时
ERROR in ./data.json
Module build failed: SyntaxError: Unexpected token, expected
像这样：
起初，我认为这是一个eslint问题，但它似乎发生在构建步骤中，我尝试向webpack添加一个json-loader，但没有成功。
Webpack版本： 2.6.1
Babel核心版本： 6.24.1
Babel Loader版本： 7.0.0，这是我的webpack配置文件：
const path = r
浏览 0提问于2018-03-18得票数 0
我已经检查了我的配置和软件包多次，并无法弄清楚什么。webpack似乎忽略了我的babelrc文件，但我也尝试过在我的配置中使用presets选项，但仍然无法让它对transpile作出反应。在命令行中使用babel可以很好地完成任务：
webpack.config.js
var path = require('path');
const config = {
entry: './frontend/app.js',
output: {
path: path.resolve(__dirname, 'build'),
浏览 1提问于2017-02-12得票数 0
回答已采纳
1回答
有人能帮我检查一下我的代码吗？我不知道语法错误在哪里。
我的eslint (原子编辑器)说：
解析错误:意外令牌，预期：(致命)
以下是代码：
const initialUserState = {}
const userReducer = (state = initialUserState, action: { type }) => {
console.log(type)
return state
}
我正在使用babel-预设-env，其中包括预设的es2015，然后包括转换-es2015-破坏。
另外，这是我的babelrc配置：
{
"presets
浏览 1提问于2017-06-01得票数 0
当import'ing node_modules模块通过Webpack (使用babel-loader)时，有没有办法告诉它不要在资源文件夹中查找.babelrc文件，就像我不想对该文件执行某些babel操作一样。
所以:在使用node_modules .babelrc babel-loader**?**时，有一种忽略文件的方法吗？
为了说明，我的文件夹结构：
node_modules
myModule
index.js
.babelrc # ignore this file
index.js # require('myModule&#
浏览 2提问于2017-05-01得票数 2
2回答
我使用的一个工具以编程方式使用Babel。它只需要很少的插件，一切都很好。
因此，我希望将选项传递给Babel变换。我意识到我还没有做到这一点，而且看起来我正在尝试的东西就是不起作用。
具体地说，我希望包含并传递strict:false来禁用全局严格模式。
文档解释了在拥有.babelrc文件时如何使用它：
// with options
{
"plugins": [
["transform-strict-mode", {
"strict": true
}]
]
}
在我的代码中，我有：
const babel
浏览 18提问于2017-02-21得票数 1
回答已采纳
嗨，请帮助我理解在.babelrc内部设置babel配置与webpack加载器选项之间的区别，以及在package.json中插入它的区别。
例如，如果我把预置设置在webpack babel-loader选项与package.json或一个单独的.babelrc配置文件中，会有什么区别吗？
在webpack配置中：
{
test: /\.(js|jsx|mjs)$/,
loader: require.resolve('babel-loader'),
options: {
浏览 2提问于2018-01-27得票数 15
回答已采纳
1回答
我刚刚使用react为一个set应用程序设置了环境。
setInitialStates = () => {
this.state = {showAuthorModal: false};
};
注意:这是正确的语法！
当我尝试运行webpack --config webpack.config.js时，就会发生这种情况
这是我的webpack.config.js。
const path = require('path');
module.exports = {
entry: {
component: [
&#
浏览 2提问于2017-07-25得票数 1
除了可以在另一个项目中重复使用.babelrc文件之外，是否有理由将巴别塔预设存储在.babelrc中而不是webpack.config.js中？
我有一个使用以下.babelrc文件的应用程序可以正常工作：
{
"presets": ["es2015", "stage-0","react"]
}
我将应用程序更改为另一种不带.babelrc文件的Webpack结构。这是webpack.config.js
module: {
loaders: [
{
test: /(\.js|\.jsx)
浏览 1提问于2016-10-06得票数 9
最近，我尝试调试next.js入门项目中的错误，发现它不喜欢父目录中的.babelrc文件。
我的问题是：
为什么该项目在不属于项目的父目录中的.babelrc配置文件上抛出错误？它是递归地查找所有父目录中的babel配置文件，还是在某个时候将babel配置为查看该配置文件？如何检查该配置是什么？
这是next.js的一个怪癖，它会在父目录中查找配置文件吗？
我忘了是否在父目录中添加了.babelrc配置--这是我所需要的吗？配置是什么？我应该如何更新它以使错误消失？
ERROR in ./pages/index.js
Module build failed: Referen
浏览 1提问于2017-03-08得票数 0
在将webpack从^1.14.0升级到"^3.0.0"后，将得到JSX解析错误
ERROR in ./shared/Application.js
Module parse failed: /Users/arjunkumar/Documents/Work/test/web/shared/Application.js Unexpected token (25:2)
You may need an appropriate loader to handle this file type.
Application.js中的相关代码如下所示
ReactDOM.render(
<
浏览 3提问于2017-07-06得票数 1
我的.babelrc配置不起作用。我一直收到这个错误信息。Module not found: Can't resolve '@project/customTable' in...
我想缩短导入路径。
有人能帮我解决这个问题吗？
当前代码：import customTable from "../../../customTable";
目标：import customTable from "@project/customTable";
下面是我的.babelrc文件：
{
"plugins": [
["ba
浏览 6提问于2019-08-20得票数 3
1回答
如何强迫babel不要查看.babelrc的父目录
我有两个.babelrc文件：./a/.babelrc和./a/example/.babelrc。
我正在./a/example路径中运行./a/example。
./a/.babelrc定义了一个插件“lodash”。
在./a/example中执行babel时，我不想使用这个插件
我尝试过将./a/example/.babelrc设置为：
{
"stage": 0,
"plugins": []
}
然而，在babel路径中运行./a/example仍然使用“送交”插件
浏览 6提问于2015-09-12得票数 8
回答已采纳
上下文
我一直在内部使用一个单块src树，最近我已经将它分割成单独的更小的库以供重用。因为这都是内部的，所以我不需要这些库来生成ES5。我希望我们的webpack 2应用程序能够使用纯ES2015库。
问题
问题是，当我生成一个纯ES2015库时，我的webpack转错的应用程序失败了：
Uncaught TypeError: Class constructor RouteConfig cannot be invoked without 'new'
其根源是：
import {RouteConfig} from '@acme/ui/config'
健全性检查
为
浏览 2提问于2017-01-02得票数 2
1回答
当我列出预设时，顺序重要吗？
换句话说，下面的.babelrc文件是等价的吗？
.babelrc #1
{
"presets": ["es2015", "stage-2", "react"]
}
.babelrc #2
{
"presets": ["react", "stage-2", "es2015"]
}
浏览 14提问于2016-07-28得票数 28
回答已采纳
我正在尝试用JEST为React设置单元测试。
我当前的设置在Package.json中：
"jest": {
"transform": {
"^.+\\.jsx?$": "babel-jest"
},
"moduleFileExtensions": [
"js",
"json",
"jsx"
]
}
然后在.babelrc中，我有：
{
"plugins": ["syntax-dynamic-import",
浏览 2提问于2017-04-26得票数 0
2回答
有办法提供.babelrc文件到babel-cli的路径吗？类似于：
babel src --out-dir lib --config random-folder/sub-folder/.babelrc
浏览 3提问于2016-07-22得票数 5
回答已采纳
1回答
我是第一次接触jest，并且面临着.babelrc方面的问题。按照中的建议，我必须在.babelrc文件中放入以下内容才能运行jest：
// .babelrc
{
"presets": ["es2015", "react"]
}
但是我的项目已经有了包含以下内容的.babelrc文件：
{
"presets": [
"es2015",
"react",
"stage-0"
]
, "plugins": [
"tran
浏览 0提问于2017-08-01得票数 1
最近，我将现有的Android应用程序从0.18.0升级到0.19.0，并尝试运行，但它的错误如下
ReferenceError:找不到变量_fbBatchedBridge (生成的包中的第1行)“，如果重新加载它，错误更改为”无法下载JS“
。
用于以下更改。
1将package.json中的react原生版本从0.18.0更改为0.19.0。
2改变反应-本地版本的应用程序/build.gradle依赖。
3 sudo安装。
4反应-本土化启动。
5反应-本地运行-android。
还可以尝试adb反向tcp:8081 tcp:8081和dev设置的IP附加选项，并删除旧的babl
浏览 3提问于2016-02-09得票数 1
回答已采纳
1回答
假设我有以下项目结构(它比下面的结构更复杂)：
CommonComponents
CommonComponentA
CommonComponentB
package.json
webpack.config.js
.babelrc
ModuleA
ComponentC //导入CommonComponentA
ComponentD
package.json
webpack.config.js
.babelrc
ModuleB
ComponentE //导入CommonComponentB
Comp
浏览 0提问于2018-12-20得票数 4
在我的react项目中，webpack.config.js引入了proposal类的属性，比如：
...
module: {
rules: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
query: {
presets: ['@babel/react', '@babel/preset-env'],
浏览 38提问于2019-06-05得票数 2
回答已采纳
在使用Babel编译JavaScript文件时，我学习并使用了以下语法：
babel main.js -o bundle.js --presets es2015
直到今天我才知道..babelrc文件的存在。
现在我的问题..。
如果我有一个..babelrc文件，其内容如下：
{
"presets": ["es2015"]
}
是从命令行编译时仍然需要的‘-预设es2015’标志？
或者我可以留下它吗？只吃‘babel main.js -o bundle.js '？并且Babel将进一步的配置从..babelrc文件？中删除。
浏览 2提问于2017-12-04得票数 1
我有这样一个目录结构：
> build
> node_modules
> webpack.config.js
> .babelrc
> .gitignore
我的.babelrc看起来是这样的：
{
"presets": ["es2015", "stage-0", "react"]
}
目前我得到了以下错误..。
Module build failed: Error: Couldn't find preset "es2015" relative to d
浏览 1提问于2016-07-12得票数 2
1回答
我使用browserify和babelify来传输JS文件。JS文件require()是node_modules中的一个组件，我也希望对其进行转换。
根据，为了实现这一点，我应该使用global和ignore选项来指定node_modules中的哪个文件夹也应该被转移：
browserify().transform("babelify", {
global: true,
ignore: /\/node_modules\/(?!app\/)/
});
我通过命令行使用browserify，我不知道如何传递这些选项。我还对这些选项是特定于browserify还是babeli
浏览 2提问于2019-07-09得票数 5
回答已采纳
对于Babel，有一个.babelrc文件，它包含Babel工作所需的所有参数，所以您可以只使用babel index.js，并且这是按照.babelrc中指定的方式工作的，例如：
// .babelrc file { "presets": ["react"] }
smroot@whatever: ~/project $ babel index.js
其工作方式与以下方法相同：
smroot@whatever: ~/project $ babel index.js --presets react
对于Browserify是否有类似的内容，所以：
smroot
浏览 0提问于2018-04-07得票数 3
回答已采纳
2回答
我有一段代码：
'use strict';
class ArticleModel {
constructor(options = {}) {
this.options = options
}
}
module.exports = ArticleModel
这导致了错误Unexpected token = -我不相信Babel正在解析这个。解析函数中的默认参数需要哪个babel 6插件？
编辑1-这是我的.babelrc文件
{
"presets": [
"es2015",
"stage-0
浏览 4提问于2015-11-09得票数 1
回答已采纳
我的目标是在与React集成之前，在命令行上运行包含ES6 JavaScript语句的console.log代码，以帮助调试代码。此代码仅包含JS函数。
这就是我试过的：
Install babel-cli
npm install --save-dev babel-cli
File: .babelrc ( in project root )
{
"presets": ["react-native"]
}
Run sandbox:
./node_modules/.bin/babel-node app/components/sandbox.js
我得到
浏览 3提问于2017-04-05得票数 0
回答已采纳
Babel 7.2.0
我需要转换我的JS-文件，并将它们合并到单个结果文件中。这是我的尝试：
npx babel --source-root src/index.js --out-file lib/result.js --minified --presets @babel/preset-env
但我知道错误是：
巴贝尔：
stdin编译需要-f/-文件名文件名或--no-babelrc。
我试过-f和--no-babelrc，但这对我没有帮助.
浏览 0提问于2018-12-15得票数 4
回答已采纳
2回答
我遵循了这篇文章中关于静态站点生成器的每一步。我在那篇文章中唯一改变的是.babelrc的设置。在预设中，我使用es2015而不是es2016，结果如下所示
.babelrc
{
"presets" : ["es2015","react"]
}
在我得到了下面的错误
ERROR in Error: Export from "main" must be a function that returns an HTML string
我做错什么了？
浏览 3提问于2016-10-30得票数 0
在迁移到Webpack 2之后，用一口口水用运行webpack，似乎会导致babel或using抛出一个错误(无法分辨错误的来源)。使用下面的配置和结构成功地运行webpack，但是通过管道通过gulp和webpack流会导致这个错误：
Message:
./app/app.jsx
Module parse failed: /Users/schne482/Code/tralgo/app/app.jsx Unexpected token (11:1)
You may need an appropriate loader to handle this file type.
SyntaxEr
浏览 0提问于2017-02-27得票数 3
1回答
我只想使用ts作为类型检查的表单，所以我使用了babel-loader，只添加了typescript-preset，如下所示。它在编写.babelrc文件时不会应用，但只有在webpack.config.js文件内的babel-loader中给出选项时才会应用。当我阅读官方文档时，我了解到babel-loader会自动识别并应用.babelrc文件。我说错了吗？ myRepo .babelrc {
"env": {
"development": {
"presets": ["@babel/preset-env&#
浏览 25提问于2021-06-21得票数 0
回答已采纳
2回答
有人能帮我完成这个jQuery吗?我不能让正则表达式工作
cj("input[id='PRE_TEXT_'(.*)'_POST_TEXT']").hide();
浏览 1提问于2012-04-18得票数 1
我在努力学习巴贝尔。我让babel核心模块正常工作，但我正在尝试使用.babelrc，它没有做任何事情。
这是我的.babelrc文件。
{
"plugins":["transform-es3-property-literals"]
}
这是我的密码：
var babel = require("babel-core");
var js = `var x = { catch: 4, bar: 7 };`;
var notUsingBabelRc = babel.transform(js,{
plugins: [
浏览 1提问于2018-04-30得票数 2
回答已采纳
我有一个项目，它使用的是故事书。它已经升级到storybook的版本5，并且项目的根目录中有一个.babelrc文件。 当运行storybook时，它会运行，但当你使用Actions时，它会抛出错误--比如unexpected token。我发现如果删除项目.babelrc文件，然后storybook加载其默认配置，这将允许storybook按预期工作。 Storybook可以使用storybook文件夹中的.babelrc文件，因此它会忽略根项目.babelrc文件，但是应该在该文件中加入什么内容才能加载storybook默认配置或复制storybook默认配置呢？
浏览 12提问于2019-05-08得票数 0
当需要(‘babel/register)()时，即使我告诉它一个自定义的.babelrc路径，它仍然加载原始的.babelrc。我怎么才能禁止它读取.babelrc？
浏览 0提问于2015-09-21得票数 3
3回答
我正在尝试添加一个构建命令，它使用babel CLI来转换我的ES6。我很难把它正确地指向babelrc。
文件结构大致如下：
root
src
index.js
...
.babelrc
.package.json
在我的package.json中，我最初尝试了以下操作：
"scripts": {
"build": "babel --out-dir dist src",
...
},
但这给出了一个错误，因为我在代码中使用了数组解构符号。我想这是因为它没有拾取我的.
浏览 2提问于2020-08-10得票数 1
我正在尝试运行我的单元测试，在使用import关键字添加一些新代码时遇到了一个问题。我之前工作的设置只是一个npm脚本，如下所示：
"test:unit": "babel-node node_modules/.bin/babel-istanbul cover --config=istanbul.json --dir coverage/unit node_modules/.bin/_mocha -- 'client/components/**/*.spec.unit.js' --require node_modules/ignore-styles --r
浏览 0提问于2017-08-22得票数 0
我有一个下面的regex函数，用来查找输入字符串和值之间的匹配。
<xsl:if test="matches($plantId,'136')">
<xsl:choose>
<xsl:when test="matches($itemGroup,'/^(C010|C040|C050|C060|C210|C320|C340|C390|T220|T240|T250|T260|T270|T290)$/s')">
<xsl:value-of select
浏览 0提问于2021-03-04得票数 0
下面是它抱怨的代码：
function something(param) {
import { whatisthis } from './dir/dir/anotherone';
}
错误输出：
SyntaxError: pathtofile.jsx: 'import' and 'export' may only appear at the top level
webpack配置：
const baseConfig = {
resolve: {
extensions: ['*', '.js', &#
浏览 12提问于2020-08-08得票数 0
回答已采纳
单行文件：
export * from 'a.js'
转换为：
'use strict';
import _Object$defineProperty from 'babel-runtime/core-js/object/define-property';
import _Object$keys from 'babel-runtime/core-js/object/keys';
Object.defineProperty(exports, "__esModule", {
value: true
});
...
浏览 3提问于2016-05-10得票数 2
1回答
下面是完整的代码：
我想要做的是在我的项目中使用。我跟着这个。里面有个babelrc设置。我很难将和下面的这个合并。有人知道如何合并这两个babelrc并使Element UI与Vuejs一起工作吗？
我的宝贝：
{
"presets": [
"es2015",
"stage-2"
],
"plugins": [
"transform-runtime"
],
"comments": false
}
元素UI babelrc
{
"presets
浏览 4提问于2017-04-12得票数 2
回答已采纳
问题是，在使用plain ReactJS (no ReactJS)时，Babel和Webpack完美地编译了my .js文件，但是在尝试在我的项目中使用ReactJS时，在使用Webpack和Babel编译js时出现了错误：
ERROR in ./~/disposables/modules/index.js
Module build failed: ReferenceError: [BABEL] D:\MyProject\React_002\node_modules\disposables\modules\index.js: Using removed Babel 5 option: D:\M
浏览 5提问于2017-04-25得票数 1
回答已采纳
我有一个简单的应用程序，使用最后的阿尔法版本的Koa。为了使用“异步/等待”，需要使用Babel.Js。
'use strict';
// babel registration (runtime transpilation for node)
require('./server.babel');
const Koa = require('koa');
const app = new Koa();
// define logger - this will be always executed
const logger = async (con
浏览 5提问于2015-11-20得票数 2
回答已采纳
1回答
如何覆盖babel的预设插件选项
、、、、
我通过以下.babelrc使用：
{
"presets": ["react-app"],
"plugins": [
"transform-es2015-modules-commonjs",
"transform-async-generator-functions"
]
}
我需要覆盖babel-plugin-transform-runtime选项。我尝试安装插件并将其添加到.babelrc中，方法如下：
{
"presets": ["react-app"
浏览 3提问于2018-09-16得票数 7
我正在修复一个地方市政当局的坏网站，那里有无赖的<li>, <dd>, <dt> (你叫它的名字)标签，没有开始标签。
无论如何，我不是RegEx专家，我在Coda中寻找一个可能的搜索查询(它允许regex搜索)来查找任何一组列表项，例如，没有包装在<ul></ul>或<ol></ol>中。
外面有什么想法吗？我们这里的例子允许(*)使用外卡。
非常感谢，
Jason
浏览 1提问于2011-08-07得票数 0
回答已采纳
我遇到了让异步/等待转换工作的问题。我遗漏了什么？
我的.babelrc：
{
"presets": [ "es2015", "stage-0" ]
}
我的package.json (截图)：
{
"babel-core": "^6.1.2",
"babel-plugin-transform-runtime": "^6.1.2",
"babel-preset-es2015": "^6.1.2",
"babel-pres
浏览 0提问于2015-11-11得票数 16
由于.babelrc中的设置不正确，我在编译自己的本机应用程序时遇到了问题。我删除了这个令人不快的设置，并在ios模拟器react本机运行-ios中再次运行它，但我仍然看到相同的错误：
Unknown option:/.../.babelrc.requireDirective
尽管我已经从requiredDirective中完全删除了.babelrc选项。
我尝试过清除npm缓存，但仍然遇到同样的问题。
看起来我的问题是，它仍然保留着旧的.babelrc设置。如果是的话，我怎样才能适当地清理它呢？
浏览 0提问于2018-04-02得票数 1
回答已采纳
11回答
我已经创建了一个具有以下文件夹结构的react应用程序
-public
--dist
-bundle.js
-Styes.css
--index.html
--图像
-server
--server.js
-src
--组件
--app.js
-.babelrc
-package.json
-webpack.config.js
我想把它上传到cPanel。这有可能吗？我还需要上传node_modules/文件夹吗？
这是我的存储库的链接：
浏览 1提问于2018-04-20得票数 16
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
