Использование Dart и Bootstrap

Я экспериментирую с Dart и теперь пытаюсь использовать Bootstrap для его CSS-фреймворка. Когда я загружаю последнюю версию Bootstrap (в настоящее время 3.0.3), она имеет следующую файловую структуру:

├── css
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── fonts
│   ├── glyphicons-halflings-regular.eot
│   ├── glyphicons-halflings-regular.svg
│   ├── glyphicons-halflings-regular.ttf
│   └── glyphicons-halflings-regular.woff
└── js
    ├── bootstrap.js
    └── bootstrap.min.js

(1) Куда мне поместить все эти файлы и как получить к ним доступ из ОБОИХ исходных файлов Dart и HTML-файлов? Например, предположим, что я хочу динамически изменять DOM из файла Dart. , и добавьте к элементу класс Bootstrap — как это будет выглядеть? И если бы я просто хотел дать элементу HTML класс Bootstrap (внутри файла .html), как бы это выглядело?

Я предполагаю, что мне может понадобиться проект Dart со структурой пакета примерно следующим образом:

MyDartApp/
    web/
        myapp.dart
    asset/
        bootstrap/
            css/
                bootstrap.css
                bootstrap.min.css
                bootstrap-theme.css
                bootstrap-them.min.css
            fonts/
                glyphicons-halflings-regular.eot
                glyphicons-halflings-regular.svg
                glyphicons-halflings-regular.ttf
                glyphicons-halflings-regular.woff
            js/
                bootstrap.js
                bootstrap.min.js

Но, имея такой небольшой опыт работы как с Dart, так и с Bootstrap, не уверен, что я упускаю что-то важное. Очевидно, мне нужно упаковать файлы Bootstrap таким образом, чтобы URL-адреса asset/ в моих файлах Dart/HTML могли получить к ним доступ до/после запуска pub build.

(2) Кроме того, могу ли я просто использовать min-версию каждого файла CSS/JS (bootstrap.min.js вместо bootstrap.js и т. д.)?


dart twitter-bootstrap project-structure
person IAmYourFaja    schedule 23.12.2013    source источник

Ответы (2)


arrow_upward
7
arrow_downward

  1. вы можете использовать папку asset/ для размещения этих файлов. Однако встроенный сервер в редакторе пока не поддерживает ассет, вам придется использовать pub serve. Чтобы получить к ним доступ, используйте /assets/<pkg_name>/<path> (см. Как обращаться к активам). В качестве альтернативы вы можете поместить эти файлы под /lib/ и получить к ним доступ с помощью packages/<pkg_name>/<path>.
  2. вы можете использовать мини-версии.
person Alexandre Ardhuin    schedule 23.12.2013
comment
Спасибо @Alexandre Ardhuin - одно быстрое дополнение: вы упомянули, что pub serve поддерживает asset, но как насчет pub build? Спасибо еще раз! - person IAmYourFaja; 23.12.2013
comment
pub build также поддерживает ресурсы. Я упоминаю pub serve только потому, что это эквивалент встроенного сервера Dart Editor. - person Alexandre Ardhuin; 23.12.2013
comment
Каталог asset/ больше не поддерживается. Та же ссылка Как ссылаться на активы обновляется новой информацией. - person Hindol; 11.11.2015

arrow_upward
3
arrow_downward

Я использовал bookjack, и до сих пор все было в порядке.

Использование Прежде всего, в ваш HTML-файл необходимо включить ресурс CSS:

  <head><link rel="stylesheet" href="packages/bootjack/css/bootstrap.min.css"> </head>

Есть также несколько дополнительных примеров.

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

person Paul Collingwood    schedule 23.12.2013
comment
Можете ли вы использовать все компоненты начальной загрузки? - person Patrick; 01.02.2014