Я надеюсь, что вам хорошо известна структура приложения angular, в котором наиболее распространенной частью приложения являются node_modules, src, assets, index.html, package.json и т. Д. Это некоторые из тех файлов, которые при разработке мы используем чтобы сосредоточиться на них, но мы недооцениваем или игнорируем использование и мощность других файлов, присутствующих в нашем приложении. По крайней мере, в моем случае я сделал эту ошибку. Итак, здесь мы поймем значение и использование таких файлов, которые вы много раз игнорировали.

На корневом уровне

package.json

Этот файл является общим для любого приложения javascript, будь то серверное приложение или веб-приложение. Это файл конфигурации npm, который включает сведения о зависимостях пакетов вашего веб-сайта, а также сведения о том, что ваш собственный веб-сайт сам является пакетом.

В зависимостях ваши пакеты указаны с их текущей версией в вашем приложении. Для обновления вам просто нужно изменить версию и запустить npm установить.

зависимости установлены на обоих:

  • npm install из каталога, содержащего package.json
  • npm install ‹package-name› в любой другой каталог

devDependencies:

  • также устанавливается в npm install в каталог, содержащий package.json, если вы не передаете флаг - production (проголосуйте за ответ Гаяна Чарита).
  • не установлен в npm install ‹package-name› в любом другом каталоге, если вы не укажете параметр - dev.

package-lock.json

Этот файл создается автоматически, когда какие-либо операции изменяют пакеты npm в дереве node_modules или в файле package.json.

Что принесло изменения в node_modules и package.json?

Только в node_modules - если мы устанавливаем пакеты в нашем проекте с

 npm i <package-name>

тогда указанный пакет будет сохранен в каталоге node_modules, но не в package.json.

И в node_modules, и в package.json - если вы используете

npm install <package-name> --save

тогда пакет будет сохранен как в node_modules, так и в файле package.json, и в обоих случаях package-lock.json будет обновлен.

angular.json

Это очень важный файл конфигурации, относящийся к вашему угловому приложению. Он определяет структуру вашего приложения и включает любые настройки, связанные с вашим приложением. Здесь вы можете указать среды в этом файле (разработка, производство). Это файл, в который мы добавляем файл Bootstrap для работы с приложением Angular.

.editorconfig

Это простой файл, который используется для обеспечения единообразия в редакторах кода, чтобы организовать некоторые основы, такие как отступы и пробелы.

.Editorconfig состоит из формата файла для определения стилей кодирования и набора плагинов текстового редактора, которые позволяют редакторам читать формат файла и придерживаться определенных стилей.

Чтобы использовать editorconfig в любой из указанных IDE, упомянутых слева, для них нам необходимо установить плагин EditorConfig.

Файлы Editorconfig легко читаются и прекрасно работают с системами контроля версий.

tsconfig.json

Наличие файла tsconfig.json в каталоге указывает на то, что каталог является корнем проекта TypeScript. В файле tsconfig.json указаны корневые файлы и параметры компилятора, необходимые для компиляции проекта.

Файл конфигурации компилятора Typescript

Этот файл существует как на исходном, так и на корневом уровне.

На уровне источника

Среды

В этом каталоге существуют два типа файлов, которые используются для хранения констант конфигурации среды, которые помогают при создании приложения angular.
Для создания приложения с использованием настроек среды разработки с использованием environment.ts файл.

ng build

тогда как для создания проекта с использованием настроек производственной среды с помощью файла environment.prod.ts.

ng build --prod

polyfills.ts

Этот файл представляет собой набор кода, который можно использовать для обеспечения совместимости со старыми браузерами.

Обеспечение совместимости приложения со старыми версиями браузеров.

Зачем нужен polyfills.ts?

  • Поскольку мы пишем в основном на ES6, который не поддерживается IE или firefox, нам необходимо выполнить некоторые настройки среды, прежде чем их можно будет просматривать или использовать в этих браузерах.
  • Код Angular 7 написан в основном на языковых спецификациях ES6 +, которые все больше используются в интерфейсной разработке, поэтому, поскольку не все браузеры поддерживают полные спецификации ES6 +, полифиллы могут использоваться для покрытия любой функции, отсутствующей в данном браузере.

Если вы все еще читаете это, это означает, что вы нашли этот блог весьма полезным или интересным, хотя он и не интересным, просто некоторые моменты, которые нужно знать, чтобы иметь возможность управлять своим приложением.

НО

Если вы хотите прочитать что-то интересное, связанное с виртуальной реальностью, и хотите узнать, как это сделать с помощью React, вы можете посетить эту ссылку, в которой упоминается, что Почему следует использовать ReactJs?.