При использовании компонентов CSS и JS возможно ли это или даже имеет смысл установить их в разные каталоги?
.
|-- app
|-- scripts
|-- components # js components go here
|-- backbone-amd
|-- etc
|-- styles
|-- modules
|-- partials
|-- components # sass components go here
|-- normalize.scss
|-- etc
Каков наиболее эффективный способ структурирования проекта, организованного как таковой? Есть ли хорошая задача Grunt для достижения цели интеграции компонентов sass, установленных sass для среды разработки?
Bower должен отслеживать каждый компонент, который вы устанавливаете. Это было бы очень сложно, если бы они были разделены в нескольких местах. Для разработки Sass просто поместите папку компонентов в путь поиска Sass.
Есть задания grunt, которые могут помочь вам разделить его, если вы настаиваете на этом:
(хотя и не рекомендуется)
Существует пакет node, называемый bower-installer, который предоставляет единую команду для управления альтернативными путями установки.
запустить npm install -g bower-installer
Настройте свой bower.json
{
"name" : "test",
"version": "0.1",
"dependencies" : {
"jquery-ui" : "latest"
},
"install" : {
"path" : {
"css": "src/css",
"js": "src/js"
},
"sources" : {
"jquery-ui" : [
"components/jquery-ui/ui/jquery-ui.custom.js",
"components/jquery-ui/themes/start/jquery-ui.css"
]
}
}
}
Затем запустите команду bower-installer.
Это установит components/jquery-ui/themes/start/jquery-ui.css в ./src/css и т.д.
Возможно, у вас могут быть файлы .bowerrc в разных каталогах, где вы можете настроить "directory", чтобы указать на каталог компонентов bower.
Но вам нужно cd исправить каталог до bower install whatever:
app/
scripts/
.bowerrc
styles/
.bowerrc
tests/
.bowerrc