要在项目中使用Babel和附加自己的脚本,你可以按照以下步骤进行设置:
npm install --save-dev @babel/core @babel/preset-env @babel/preset-react
.babelrc文件,用于配置Babel的预设和插件。{
"presets": ["@babel/preset-env", "@babel/preset-react"]
}
babel.config.js文件,用于配置Babel的其他选项。module.exports = {
// 添加其他Babel选项...
}
babel-cli命令行工具,或者在构建工具(例如Webpack)中配置Babel。如果你使用babel-cli,你可以在package.json文件中添加一个脚本来运行编译过程。例如:
{
"scripts": {
"build": "babel src -d dist"
}
}
这将把src目录中的代码编译到dist目录中。
下面是一个使用Babel和React的示例代码:
import React from 'react';
const App = () => {
return Hello, World!
;
}
export default App;
以上是使用Babel和附加自己的脚本的基本步骤和示例代码。你可以根据自己的项目需求进行配置和使用。