Правильный способ использования внешнего шаблона в meteor mantra

#css #meteor #import #package #mantrajs

#css #meteor #импорт #пакет #mantrajs

Вопрос:

Я изучаю руководство по стилю Mantra (https://kadirahq.github.io/mantra /) для использования с meteor. Что меня озадачивает, так это «правильный» способ использования внешнего шаблона с meteor и mantra? в примерах файлов css и js. Я знаю, что в meteor можно создать пакет и загрузить его.

Но следует ли также сделать то же самое в meteor mantra, т. Е. создать пакет какhttps://github.com/kadirahq/mantra/issues/53 предлагает? Правильно ли meteor загрузит все необходимые файлы (css или js)? Или есть способ получше?

С наилучшими пожеланиями

Ответ №1:

Mantra следует модульной структуре. Ваш код будет в форме модуля, не имеет значения, связан он с пользовательским интерфейсом или нет. Он загрузит такие вещи, как приложение meteor, но приложение запустится с начальной точки, которую вы определили.

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

В проекте с mantra, над которым я работал, мы использовали rebass. Мы создали несколько общих компонентов только для пользовательского интерфейса, добавили их в отдельный модуль и экспортировали из index.js . В каждом модуле мы вызывали компоненты из этого модуля и использовали его всякий раз, когда требовалось. Лучший способ — использовать пакеты npm, чтобы вам не приходилось беспокоиться о загрузке JS.

Комментарии:

1. Хм, но я имею в виду, если я хочу использовать существующий шаблон с themeforest, как вы думаете, какой способ является лучшим? Могу ли я использовать свой собственный пакет meteor, и meteor объединил бы весь css из этого шаблона themeforest?

2. Я думаю, что в таком случае вам было бы полезно создать main.html создайте файл и добавьте в него заголовок с общим css из этого шаблона, и убедитесь, что ваши css-файлы присутствуют в общей папке, чтобы к ним было легко получить доступ по ссылке. Импортируйте JS или необычный css в компонент / модуль, где требуется, и используйте layout для импорта обычных js-файлов. Если вы скопировали все свои css-файлы в любую папку, кроме public или папки, начинающейся с . , meteor собирается объединить их все по-своему, а не по-вашему, этот случай будет таким же для пакета meteor.