Пакет NPM scss

В настоящее время я пытаюсь понять, как упаковать пару файлов .scss, которые мы используем в нескольких приложениях, в пакет NPM.

Я делал это ранее для библиотек JS и TS, однако меня немного смущает наличие пакетов с полезными нагрузками, не связанными с кодом, особенно потому, что для пакетов требуется точка входа index.js.

Несколько примеров:

  • Пакет стилей (css / scss)
  • Пакет шрифтов
  • Пакет другого некодового контента

Это допустимое использование пакетов npm, или я все неправильно думаю? Основная причина, по которой я хотел бы, чтобы это был пакет, - чтобы он был версирован и легко установлен с помощью 'npm install package-name'.

Обновлено: у меня все нормально заработало, удалив '"main": "index.js",' часть package.json, npm установив этот пакет github и просто импортировав файл scss в мое приложение-потребитель. Это неправильный подход? Какие проблемы это вызовет?

Спасибо!

Что-нибудь вроде этого? stackoverflow.com/q/28283652/49478

Anthony 22.08.2018 03:51

Или это: stackoverflow.com/q/38982425/49478

Anthony 22.08.2018 03:53

О, спасибо! Я все еще новичок в NPM, поэтому просто пытаюсь понять, действительно ли мне нужно это делать? Например. Я только что создал папку с файлами scss, удалил "main": "index.js", "из package.json, а затем" npm install github, .com / <my-style-lib> "в проект-потребитель, а затем просто импортировал это в используемый scss-файл, например, '@import' node_modules / my-style-lib / import.scss ';'. Какие проблемы могут возникнуть при таком простом и, вероятно, неправильном подходе?

Ross 22.08.2018 04:02

Без понятия. Но этот второй ответ звучит как место для начала создания пакета Assests / non-js-code, подобного тому, что вы хотите.

Anthony 22.08.2018 04:04
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
3
4
1 441
0

Другие вопросы по теме