Начало работы с Node, Express и Bootstrap

Question

Начало работы с Node, Express и Bootstrap

-3

Я начал читать на узле и в Express с намерением портировать несколько моих проектов. Проекты, которые я портирую, в настоящее время построены с помощью Python и Flask и разработаны с помощью Bootstrap.

У меня возникают трудности с запуском базового экспресс-сайта с помощью Bootstrap в качестве стиля. Я использовал экспресс-генератор, чтобы настроить базовый скелет, а затем использовал npm для установки бутстрапа:

npm install bootstrap

Я добавил бутстрап в качестве требования и в качестве промежуточного программного обеспечения:

var bootstrap = require('bootstrap');
app.use('bootstrap');

Теперь я просто не уверен, как "импортировать" это в мой шаблон макета. Если бы кто-нибудь мог показать мне пример или указать мне ресурс, это было бы здорово.

knoll 22 март 2016, в 18:51

Источник

0

Можете ли вы не просто использовать bootstrap через html (в вашем макете), используя один из CDN Bootstraps, или поместив bootstrap в вашу /public папку?
Ashley B 22 март 2016, в 17:28

Теги:

twitter-bootstrap

node.js

express

2 ответа

Ещё вопросы

Можете ли вы не просто использовать bootstrap через html (в вашем макете), используя один из CDN Bootstraps, или поместив bootstrap в вашу /public папку?

Ronan Manoj · Answer 1 · 2018-06-11T00-52-00.000Z

Nodejs используется на бэкэнд, нет необходимости в npm install bootstrap. Узел будет обслуживать ваши html или jade/pug/ejs и т.д.

Вы можете использовать CDN и связывать файлы в html или моппе. Вы также можете включить файлы CSS и JS, необходимые для загрузки в каталог /public.

Использование генератора Express - отличное начало, вы можете указать свой шаблонный движок (например, jade/pug, ejs и т.д.) Или просто использовать html. Jade/Pug будет скомпилирован в HTML и будет обслуживаться до конца (на стороне клиента). Вы можете включить ссылку CDN в свой файл jade/pug, подобно тому, как вы включили бы его в обычный HTML. Возможно, вам захочется прочитать некоторую документацию для pug/jade, поскольку она имеет более минималистический синтаксис, чем html, Pug Docs.

Чтобы использовать pug/jade, введите следующую команду (если у вас уже установлен экспресс-генератор npm):

express --pug --css

Чтобы использовать html, введите только следующую команду (если у вас уже установлен экспресс-генератор npm):

express --no-view --css

Приведенные выше команды создадут шаблон, все, что вам нужно сделать, это включить ссылку CDN в файле /view/layout.pug, и вы можете использовать загрузку. Определена базовая маршрутизация, только npm install npm start.

Amin Mohamed Ajani · Answer 2 · 2016-03-22T18-36-00.000Z

Вам не нужен бутстрап как узловой модуль, так как bootstrap - это интерфейс. Тебе было бы лучше сделать беседу. Перейти к вашему терминалу

sudo npm install bower -g

Затем, как только вы это сделаете, файл.bowerrc

nano .bowerrc

установить в этом файле каталог по умолчанию

{
"directory":"./public"
}

Затем, наконец, this-

bower install bootstrap --save

Это приведет к загрузке для ваших стилей. Если вы хотите передать данные с сервера на htmls, попробуйте один из шаблонов таких двигателей, как ejs или jade, а затем добавьте туда cols, которые будут отображаться как html для клиента.