Почему npm run eject просматривает все папки моего проекта?

Question

Я пытаюсь запустить npm run eject в новом проекте, чтобы я мог настроить файлы Webpack, но я получил это сообщение:

✗ npm run eject

> location@0.1.0 eject /Users/danale/Projects/location
> react-scripts eject

NOTE: Create React App 2 supports TypeScript, Sass, CSS Modules and more without ejecting: https://reactjs.org/blog/2018/10/01/create-react-app-v2.html

? Are you sure you want to eject? This action is permanent. Yes
This git repository has untracked files or uncommitted changes:

Почему он ссылается на все папки проекта? Чтобы было ясно, я запускаю указанную выше команду в одной папке проекта, которую я только что создал с помощью CRA.

Я не в папке со всеми моими проектами, я в папке с одним вновь созданным проектом. С учетом сказанного, почему npm ссылается на все мои другие проекты?

Answer 1

Перед тем как вы извлечете проект react, созданный с помощью create-react-app, вам ответят:

NOTE: Create React App 2 supports TypeScript, Sass, CSS Modules and more without ejecting: https://reactjs.org/blog/2018/10/01/create-react-app-v2.html

? Are you sure you want to eject? This action is permanent. Yes
This git repository has untracked files or uncommitted changes:

Причиной этого является то, что многие люди хотят иметь детальный уровень контроля над своим webpack.config.js файлом, и вам нужно отказаться, чтобы получить доступ к этому файлу , поскольку он скрыт внутри вашего react-scripts модуль. Теперь часть сообщения с предупреждением об извлечении, гласящая:

NOTE: Create React App 2 supports TypeScript, Sass, CSS Modules and more without ejecting: https://reactjs.org/blog/2018/10/01/create-react-app-v2.html

Должен сообщить вам, что вам не нужно извлекать, чтобы воспользоваться преимуществами препроцессоров, TypeScript и т. Д. * Они говорят вам это, потому что create-react-app не всегда поддерживал простое добавление этой функции, чтобы люди могли отказаться от возможности использовать препроцессоры и TypeScript.

Вы правы, что для использования SASS все, что вам нужно сделать, это:

1. Установите модуль node-sass с: npm install node-sass
2. Затем просто создайте свои .scss файлы и импортируйте нужный файл .scss в компонент, для которого вы хотите использовать стиль. В качестве альтернативы вы могли бы просто иметь «основной» файл .scss, единственная задача которого - импортировать другие файлы .scss, относящиеся к вашему приложению. Затем импортируйте этот «основной» .scss файл в ваш App.js файл.

Теперь что касается этой части предупреждающего сообщения об извлечении:

This git repository has untracked files or uncommitted changes:

Вы, вероятно, получаете это, потому что вы настроили git-репозиторий для родительской папки, в которой вы запускали create-react-app CLI. По сути, в одной из ваших родительских папок, в которой расположен ваш интерфейс create-react-app, находится .git/config, который указывает на восходящий поток к одному из ваших удаленных репозиториев.

Надеюсь, это поможет!

Answer 2

Между тем, что я прочитал в документации, предложенной в сообщении об ошибке, и попыткой исправить это, все, что вам нужно сделать, это:

npm install node-sass

и затем вы можете начать замену css файлов на scss и создание других scss файлов для вашего проекта. Нет npm run eject необходимо.