NSMP Embedded App

Тема оформления

Настройка дополнительных зависимостей ​

Генератор предлагает подключить дополнительные пакеты при создании нового или инициализации существующего Vue + Vite проекта. Список находится в cli/config.js.

Для пользователей шаблона

Описание пакетов, которые можно выбрать при создании приложения, находится в разделе «Быстрый старт». Эта страница предназначена для разработчиков, которые хотят изменить список вариантов в генераторе.

Встроенные варианты ​

  • nsmp-icons;
  • @iframe-resizer/child;
  • @minitwiks/nsmp-vue-components.

Для пакетов могут выполняться callback-функции: например, добавление импорта или регистрация Vue-плагина.

Добавление пакета ​

Короткая форма устанавливает актуальную версию:

js
export const optionalDependencies = [
  'my-package'
]

Полная форма фиксирует версию и позволяет выполнить настройку:

js
export const optionalDependencies = [
  {
    name: '@scope/package',
    version: '^1.2.3',
    callback: async ({ targetDir, projectName, packageName, version }) => {
      // Изменение файлов нового проекта
    }
  }
]

Callback запускается после создания нового проекта, но до npm install. Он не выполняется при инициализации существующего проекта, чтобы CLI не менял его исходный код. Callback должен быть идемпотентным, если одна и та же настройка потенциально может применяться повторно.