Create React App项目手动安装babel-core后能否移除依赖条目咨询

Hey there! Let's clear up your confusion right away—you absolutely can remove that manually added babel-core dependency without breaking your project, and here's why:

What's going on under the hood #

Create React App (CRA) manages all its build tooling (including Babel, Webpack, etc.) as internal dependencies via the react-scripts package. That means the babel-core you saw in node_modules was already being pulled in automatically by react-scripts—you never needed to install it manually in the first place.

When you ran npm install --save babel-core, you added a top-level direct dependency to your package.json, but this is redundant. Your project was already using the version of babel-core bundled with react-scripts before you installed this extra copy.

How to remove it safely #

Just run this command in your project root:

npm uninstall --save-dev babel-core

This will remove the entry from your devDependencies and delete the top-level babel-core folder in node_modules—but crucially, it won't touch the babel-core that's nested under react-scripts's dependencies. That's the one your project actually uses.

Will my project still run? #

Absolutely! CRA is designed to isolate you from having to manage these low-level build dependencies. As long as react-scripts is still listed in your package.json (which it should be, since you created the app with CRA), it will handle pulling in all the necessary Babel tools it needs.

A quick tip for future reference #

Avoid manually installing packages like babel-core, webpack, or eslint in a CRA project unless you've explicitly ejected the app. CRA maintains its own versions of these tools to ensure compatibility, and adding your own can lead to version conflicts or unnecessary bloat.

内容的提问来源于stack exchange，提问作者Adrian Kalinowski