Использование Foundation в приложении Electron

Question

Я создаю новое приложение Electron, и я бы хотел использовать его для приложений и SASS. Проблема в том, что Фонд хочет, чтобы я создал новый проект, вместо этого я предпочел бы добавить Foundation свой электрон через npm или даже при необходимости использовать bower.

Каков наилучший подход для этого?

Я успешно попробовал добавить сайты Foundation как npm зависимости от моего приложения Electron package.json, но я не уверен, что делать дальше. Также есть Фонд для приложений, альтернативных сайтам Фонда npm?

Answer 1

Первым шагом является добавление фонда к вашему проекту:

npm install foundation-sites --save 

Это дает вам файлы Foundation Сасс (SCSS) в node_modules/foundation-sites/scss/.

Допустим, у вас есть проект конкретной SCSS в scss/app.scss, вам необходимо импортировать Foundation SCSS, что-то вроде:

@import 'node_modules/foundation-sites/scss/foundation.scss'; 

@include foundation-everything 

процесса сборки необходимо сгенерировать CSS из этих файлов Sass - это может быть с помощью различных инструментов, таких как Gulp, Webpack, Grunt или простые скрипты npm. Затем просто включите CSS в файлы HTML.

Документация Foundation распространяется на это с использованием примера Grunt под Sass, но мне потребовалось некоторое время, чтобы найти его, поскольку оно не связано с инструкциями по установке.

Если вы предпочитаете использовать Foundation for Apps, эти инструкции могут быть легко адаптированы для пакета foundation-apps.