要使用babel和parcel处理Symbol.iterator和for...of语法,需要安装一些插件和设置。
首先,确保安装了babel和parcel的相关依赖。然后,按照以下步骤进行设置:
安装babel插件:
npm install @babel/preset-env --save-dev
npm install @babel/plugin-transform-runtime --save-dev
在项目根目录下创建一个.babelrc文件,并添加以下内容:
{
"presets": [
["@babel/preset-env", {
"useBuiltIns": "usage",
"corejs": 3
}]
],
"plugins": [
"@babel/plugin-transform-runtime"
]
}
在项目根目录下创建一个.browserslistrc文件,并添加以下内容:
last 2 versions
修改package.json文件,将scripts字段中的dev命令修改为:
"scripts": {
"dev": "parcel index.html"
}
创建一个index.js文件,添加以下代码:
const arr = [1, 2, 3];
for (const item of arr) {
console.log(item);
}
在命令行中运行npm run dev命令,启动开发服务器。
现在,babel和parcel将正确处理Symbol.iterator和for...of语法,并在控制台输出数组中的每个元素。
这是babel和parcel处理Symbol.iterator和for...of的最低插件和设置。根据项目的需求,可能还需要其他插件和配置。