전자 응용 프로그램을 새로 만들고있어 응용 프로그램과 SASS에 Foundation을 사용하고 싶습니다. 문제는 재단에서 새 프로젝트를 만들려고하는데, 대신에 재단의 전자를 npm을 통해, 심지어 필요하다면 bower을 통해 추가하는 것이 좋습니다.전자 응용 프로그램에서 Foundation 사용
이 용도로 가장 적합한 방법은 무엇입니까?
Google 어플 리케이션 package.json에 npm 의존성으로 Foundation 사이트를 추가하는 데 성공했지만 성공적으로 수행하지 못했습니다. 또한 재단 사이트 npm 패키지 대신 응용 프로그램을위한 Foundation이 있습니까?
첫 번째 단계는 프로젝트에 재단을 추가 :
npm install foundation-sites --save
이 node_modules/foundation-sites/scss/ 당신에게 재단 말대꾸 (SCSS) 파일을 제공합니다. 이 수 -
@import 'node_modules/foundation-sites/scss/foundation.scss';
@include foundation-everything
빌드 프로세스가이 말대꾸 파일에서 CSS를 생성해야합니다
당신이 다음 재단 SCSS, 뭔가를 가져와야하는 것,의 당신이 scss/app.scss에 SCSS 특정 프로젝트에 있다고 가정 해 봅시다 Gulp, Webpack, Grunt 또는 간단한 npm 스크립트와 같은 다양한 도구로 수행됩니다. 그런 다음 CSS를 HTML 파일에 포함하십시오.
Foundation 설명서에서는 Sass 아래에서 Grunt 예를 사용하여이 문제를 다루지 만 설치 지침과 연결되어 있지 않으므로 찾는데 시간이 오래 걸립니다.
Apps 용 Foundation을 사용하려는 경우 foundation-apps 패키지에이 지침을 쉽게 적용 할 수 있습니다.