grunt 프런트 엔드 초보자가 grunt-file-dependencies를 개조해 보았습니다. 그들은 grunt-file-dependencies를 사용하여 해결할 수 있다고 믿습니다. 또한 정의 부분과 이용 부분을 코드 위에서 해석하기 위해 다음과 같은 설정을 추가했습니다. gruntfile.js 같은 파일이 정의 및 요청에 추가되고 순환 참조 오류 순환 참조 오류에 대한 자세한 내용을 알 수 없습니다. 어떤 정의 정보가 문제인지 제시하지 않는다 순환 참조 오류 파일을 참조하는 파일도... 종속성자바스크립트gruntgrunt-file-dependencies 자체 서버에서 platex를 지원하는 sharelatex 환경 구축 일본어로 정리해 써 있는 사이트가 적었으므로 비망록으로서 쓰고 있습니다. 이쪽도 모르는 것이 많기 때문에 정정이나 코멘트 해 주시면 고맙습니다. sharelatex 환경 구축 sharelatex 일본어 TeXLive 2016 TeXLive 정보 를 사용하면 여러가지 꼬이지 않기 때문에, 덧붙여서 현재 어느 버전까지 대응하고 있는지 모르기 때문에 이번에는 2016을 사용했습니다. 2016은 적... ShareLatexTeXLivegruntOverleaf Angular dist 폴더에서 war 파일 만들기 전회의 기사에서는 Angular의 dist 폴더를 Web 서버에 배치하는 방법을 소개했다. "Angular 응용 프로그램의 빌드 자산 "dist"폴더를 배포하려면 useHash를 붙인다" 그러나 API 서버의 개발도 스스로 할 경우, API 서버를 배포하는 애플리케이션 서버의 경우, Angular 응용 프로그램을 배포하고 싶을 수도 있습니다. 그래서이 기사에서는 Angular 응용 프로그램을... Angulargrunt grunt-license-report를 README 거리에 설치하여 사용할 수 없는 사람을 위한 기사 Node.js를 사용하여 서비스를 만들 때 npm으로 설치한 라이브러리의 라이센스를 조사할 필요성이 나왔기 때문에 라이센스의 일람표를 생성할 수 없는지 조사해 보았다. 생성할 수 있었다 npm과 grunt-cli를 알 수있는 수준의 사람들을위한 움직이면 좋거나 정도의 기사(Gruntfile.js 이외는 이해한 다음 쓰고 있습니다) 참고 : grunt-license-report의 저장소이지만 ... npmgruntNode.js PHPStorm 파일의 자동 저장 기능을 끄고 동작을 가볍게 만듭니다. PHPStorm (IntelliJ)의 파일 자동 저장 기능은 데이터 손실을 미연에 방지하기 때문에 편리하지만 Samba 등의 원격 서버의 디렉토리를 마운트하거나 Grunt Watch에서 파일 저장을 트리거로 빌드 실행을 수행하는 설정으로 그렇다면 자주 저장이 실행되고 PHPStorm의 동작이 무거워집니다. 그럴 때는 파일의 자동 저장 기능을 꺼 버립니다. Macbook Pro 15인치 Mac... PHPCompassIntelliJgruntPhpStorm SVG에서 Webfont 생성 웹상에서 아이콘의 색을 동적으로 바꾸고 싶었기 때문에 Webfont를 사용하기로 했다. 처음에는 SVG 화상을 사용하고 있었지만, 색의 변경이나 사이즈의 변경, 로드시의 화상 사이즈 등 여러가지 번거로움이 많았으므로 Webfont화하는 것에. (혹시 object 태그로 사용하고 있었기 때문에 불편함이 있었을 뿐일지도…) 상기 URL을 참고로, 로 하는 것에. 우선 필요한 것을 설치 ※ nod... HTMLwebfontgruntSVG Visual Studio 2015의 Grunt를 사용하여 파일 복사 TypeScript의 IDE로 Visual Studio를 사용하고 싶지만 GAE 업로드 등은 Eclipse 플러그인을 사용한 방법이 간단합니다. 그래서 Visual Studio에서 만든 js 파일을 Grunt에서 Eclipse 프로젝트 아래에 복사합니다. Visual Studio 2015부터 Grunt가 내장되어 사용이 매우 간단해졌습니다. 프로젝트 파일과 동일한 계층 구조에 package.... TypeScriptVisualStudio이클립스GAEgrunt Grunt 및 Gulp 실행을 WebStorm UI에서 관리하는 방법 Grunt와 Gulp 작업은 기본적으로 명령 줄을 사용하여 수행됩니다. 그러나 IDE 을 사용하면 UI에서 쉽게 작업을 실행, 중지 및 다시 시작할 수 있습니다. 프로젝트가 엄청나게 커짐에 따라 작업의 양도 증가합니다. WebStorm의 UI를 사용하면 어떤 태스크가 등록되어 있는지 알기 쉽고 관리하기 쉬워집니다. 또, 커맨드 라인에 희미한 팀 멤버가 있는 경우도, Gulp의 환경 구축만 할... 작업 러너gruntWebStormgulp 작업 러너 빈 템플릿 (Grunt · Gulp) WEB 사이트제작 태스크 러너의 빈 템플릿을 만들었습니다. 라고 하는 것을 이전 만들었습니다만 이번은 구체적인 컴파일용 플러그인은 포함하지 않고 아래 태스크 러너 플로우를 Grunt·Gulp 양쪽에서 구현했습니다. 디렉토리 설명 _release 납품용 deploy 개발용 libs 라이브러리 등 두는 곳(ex. libs/js/jquery-1.11.3.min.js ) src 컴파일 전 데이터 등... gruntgulp generator-react-webpack이라는 것을 발견했기 때문에 사용해 보았다 React 유행하는 것 같지만 무엇을 손에 넣을 수 있는지 잘 모르는 사람 (= 완전히 자신) 되는 것을 발견했기 때문에 readme 등 보면서 조사 조사해 갑니다. 아무 생각 없이 다음을 수행npm install -g generator-react-webpack 아무 생각 없이 다음을 수행yo react-webpack sample react-routerr를 포함하거나 듣는 아키텍처의 유무를 ... React자바스크립트gruntwebpack Jade로 만드는 맞춤 태그 입문 예를 들어, 아래와 같이 표시되는 rating 태그를 만들고 싶은 경우. HTML에는 <input type="rating" /> 도 <ratings /> 태그도 없기 때문에, 로 자작합니다. 와 같이 작성하면 컴파일 후에 다음과 같은 HTML이 나옵니다. HTMLimg 태그와 같은 빈 요소의 경우는 이렇게 씁니다. 실제로 이런 일도 할 수 있습니다. 앞에 +를 붙이면 함수 (mixin)를 호... 자바스크립트CSSWebComponentsgruntJade Grunt에서 즉석 템플릿 엔진이 필요했기 때문에 마침내 만들었습니다. jade 라든지 ejs 라고도 좋지만, 보다 심플하게 하고 싶다고 생각해. json을 떨어 뜨렸다. 플레이스홀더(:TAG)를 마련해, 이런 HTML 만들어 둔다. template.html 자리 표시자의 문자열을 키로 한 객체를 만듭니다. 이 JSON 값이 삽입되는 방식. 스프레드 시트 등에서 출력할 수 있도록 해두면 더욱 편리할지도 모른다. data.json 그러면 Grunt 측에 이런 느낌... gruntNode.js grunt-mustache-render를 사용하여 엑셀에서 HTML을 양산하고 싶습니다! 엑셀의 데이터로부터 html 파일을 대량으로 작성하는 안건이 있었으므로, 그 때를 메모 겸해 써 보았습니다. 이번에는 Grunt에서 작업을했기 때문에 Grunt에서의 방법입니다. 주요 모듈은 이것입니다. · grunt-mustache-render · xlsx 간단한 구성으로는 다음과 같은 느낌입니다. (1) xlsx 모듈로 데이터 검색 (2) grunt-mustache-render에서 사용할... mustacheXLSXgrunt grunt의 node-webkit 빠져서 메모. grunt로 node-webkit 앱을 빌드합니다. package.json Gruntfile.js 포인트는 options.version. 규정치는 'latest'입니다만, 알파판 등 동작하지 않는 버젼의 node-webkit가 선택되었을 경우에 빌드가 통과하지 않게 됩니다. 에 놓여 있는, 정상적으로 움직이는 버젼을 지정합시다. build/{프로젝트명} 폴더 아래에 각 플랫폼용... node-webkit자바스크립트grunt 연말이므로 웹 앱을 만들었습니다. minmax 패널을 번갈아 가서 총 득점을 겨루는 게임이다. 선수는 좋아하는 위치에서 시작된다. 후손은 선수가 선택한 위치를 포함한 세로 일렬 중에서 패널을 선택한다. 다시 선수는 후손이 선택한 패널을 포함한 가로 일렬 중에서 패널을 선택한다. 한번 선택한 패널은 선택할 수 없다. 패스는 할 수 없다. 패널을 선택할 수 없었던 시점에서, 합계 득점이 높은 쪽의 승이다. 게임 시작. 처음에는 ... AngularhamlCoffeeScriptgruntjasmine 이제 들리지 않는 프런트 엔드 작업 러너 프런트 엔드 엔지니어가 되었기 때문에 소문에 듣는 태스크 러너가되는 것에 입문하려고 여러가지 검토하고 있습니다. 조사하고 있는 느낌으로는 이하의 2강인 것이므로, 지금 갱감이 감도는 가운데 소개하고 싶습니다. 클래식한 것이 Grunt. 프런트 엔드에서의 태스크 러너라고 하면 이것이 제일 유명한 것 같네요. Sass 컴파일, CSS, JavaScript 결합, 압축 등 다양한 것을 자동화할 수... gruntgulp laravel에 yo에서 angularJs&coffeescript를 사용할 수 있도록 한다. 먼저 yo 명령을 사용할 수 있어야하므로 아래에서 설치 global에 설치한 곳에서 laravel의 프로젝트 루트로 이동. 클라이언트 코드를 관리하는 디렉토리를 만들고 이동합니다. 클라이언트 환경 만들기 이것으로 히나가타까지 완성. 이대로 grunt build를 실행하면 알 수 있지만 오류가 발생합니다. 원인은 Gruntfile.js 안에 wiredep 라는 태스크의 options가 설정되어... AngularPHP라라벨CoffeeScriptgrunt npm 종속 라이브러리의 라이센스를 확인하는 방법 Node.js와 현대 웹 앱을 만들 때 npm에서 떼어내 라이브러리를 설치할 것이라고 생각합니다. npm으로 가져온 라이브러리는 재배포하는 것은 아니고 단순히 이용할 뿐입니다만, 이용에 대해서도 어떠한 제한(학술 이용에 한정한다든가, 「나쁜 것에 사용하지 말라」라든지)을 거는 것도 존재하기 때문에 각 라이브러리의 라이센스를 확인해 보았습니다. 라이선스 목록을 HTML 보고서로 생성하는 Gru... npmgrunt Jenkins에서 StyleDocco를 사용하여 스타일 가이드 만들기 Rails의 프로젝트에서 슬슬 CSS의 스타일 가이드 갖고 싶은 말을 하고 있었을 때와 어떤 사람에게 StyleDocco를 추천받았기 때문에. Rails라고 KSS라든지 있습니다만, 스스로 view 쓰는 것도 생각하고, 우선 StyleDocco로 했습니다. 로컬에서 grunt watch하고 결과를 보는 것은 비교적 간단합니다만, 모처럼 Jenkins에서 CI하고 있기 때문에, Jenkins에... styledoccoJenkinsgrunt 【Grunt】 복수의 CSS, JavaScript 파일을 minfy한다 여러 CSS, JavaScript 파일을 Grunt를 사용하여 단번에 각각 하나의 파일로 minfy합니다. ① Gruntfile 작성 ② package.json 쓰기 ④ html CSS, JavaScript 지정 부분에 build 코멘트 추가 ⑤ grunt 태스크 실행 src 폴더에는 작업 대상 파일군을 넣어 둡니다. 처리 후의 파일군은 dist 폴더내에 작성됩니다만, 폴더 마다 자동적으로 ... CSS자바스크립트grunt Stylus 용 Bourbon과 같은 CSS 프레임 워크 kouto swiss를 사용해보십시오. 먼저 npm에서 kouto swiss를 설치합니다. 이번에는 Grunt를 이용하기 때문에 함께 설치합니다. Gruntfile.js 에 stylus 에 대한 설정을 씁니다. options 의 use 에 kouto-swiss 를 지정합니다. stylus/base.styl를 만들고 kouto-swiss를 가져옵니다. 여기에서 kouto-swiss를 사용해 보겠습니다. 먼저 CSS를 재설정합니다. ... kouto-swissCSSbourbongruntstylus
프런트 엔드 초보자가 grunt-file-dependencies를 개조해 보았습니다. 그들은 grunt-file-dependencies를 사용하여 해결할 수 있다고 믿습니다. 또한 정의 부분과 이용 부분을 코드 위에서 해석하기 위해 다음과 같은 설정을 추가했습니다. gruntfile.js 같은 파일이 정의 및 요청에 추가되고 순환 참조 오류 순환 참조 오류에 대한 자세한 내용을 알 수 없습니다. 어떤 정의 정보가 문제인지 제시하지 않는다 순환 참조 오류 파일을 참조하는 파일도... 종속성자바스크립트gruntgrunt-file-dependencies 자체 서버에서 platex를 지원하는 sharelatex 환경 구축 일본어로 정리해 써 있는 사이트가 적었으므로 비망록으로서 쓰고 있습니다. 이쪽도 모르는 것이 많기 때문에 정정이나 코멘트 해 주시면 고맙습니다. sharelatex 환경 구축 sharelatex 일본어 TeXLive 2016 TeXLive 정보 를 사용하면 여러가지 꼬이지 않기 때문에, 덧붙여서 현재 어느 버전까지 대응하고 있는지 모르기 때문에 이번에는 2016을 사용했습니다. 2016은 적... ShareLatexTeXLivegruntOverleaf Angular dist 폴더에서 war 파일 만들기 전회의 기사에서는 Angular의 dist 폴더를 Web 서버에 배치하는 방법을 소개했다. "Angular 응용 프로그램의 빌드 자산 "dist"폴더를 배포하려면 useHash를 붙인다" 그러나 API 서버의 개발도 스스로 할 경우, API 서버를 배포하는 애플리케이션 서버의 경우, Angular 응용 프로그램을 배포하고 싶을 수도 있습니다. 그래서이 기사에서는 Angular 응용 프로그램을... Angulargrunt grunt-license-report를 README 거리에 설치하여 사용할 수 없는 사람을 위한 기사 Node.js를 사용하여 서비스를 만들 때 npm으로 설치한 라이브러리의 라이센스를 조사할 필요성이 나왔기 때문에 라이센스의 일람표를 생성할 수 없는지 조사해 보았다. 생성할 수 있었다 npm과 grunt-cli를 알 수있는 수준의 사람들을위한 움직이면 좋거나 정도의 기사(Gruntfile.js 이외는 이해한 다음 쓰고 있습니다) 참고 : grunt-license-report의 저장소이지만 ... npmgruntNode.js PHPStorm 파일의 자동 저장 기능을 끄고 동작을 가볍게 만듭니다. PHPStorm (IntelliJ)의 파일 자동 저장 기능은 데이터 손실을 미연에 방지하기 때문에 편리하지만 Samba 등의 원격 서버의 디렉토리를 마운트하거나 Grunt Watch에서 파일 저장을 트리거로 빌드 실행을 수행하는 설정으로 그렇다면 자주 저장이 실행되고 PHPStorm의 동작이 무거워집니다. 그럴 때는 파일의 자동 저장 기능을 꺼 버립니다. Macbook Pro 15인치 Mac... PHPCompassIntelliJgruntPhpStorm SVG에서 Webfont 생성 웹상에서 아이콘의 색을 동적으로 바꾸고 싶었기 때문에 Webfont를 사용하기로 했다. 처음에는 SVG 화상을 사용하고 있었지만, 색의 변경이나 사이즈의 변경, 로드시의 화상 사이즈 등 여러가지 번거로움이 많았으므로 Webfont화하는 것에. (혹시 object 태그로 사용하고 있었기 때문에 불편함이 있었을 뿐일지도…) 상기 URL을 참고로, 로 하는 것에. 우선 필요한 것을 설치 ※ nod... HTMLwebfontgruntSVG Visual Studio 2015의 Grunt를 사용하여 파일 복사 TypeScript의 IDE로 Visual Studio를 사용하고 싶지만 GAE 업로드 등은 Eclipse 플러그인을 사용한 방법이 간단합니다. 그래서 Visual Studio에서 만든 js 파일을 Grunt에서 Eclipse 프로젝트 아래에 복사합니다. Visual Studio 2015부터 Grunt가 내장되어 사용이 매우 간단해졌습니다. 프로젝트 파일과 동일한 계층 구조에 package.... TypeScriptVisualStudio이클립스GAEgrunt Grunt 및 Gulp 실행을 WebStorm UI에서 관리하는 방법 Grunt와 Gulp 작업은 기본적으로 명령 줄을 사용하여 수행됩니다. 그러나 IDE 을 사용하면 UI에서 쉽게 작업을 실행, 중지 및 다시 시작할 수 있습니다. 프로젝트가 엄청나게 커짐에 따라 작업의 양도 증가합니다. WebStorm의 UI를 사용하면 어떤 태스크가 등록되어 있는지 알기 쉽고 관리하기 쉬워집니다. 또, 커맨드 라인에 희미한 팀 멤버가 있는 경우도, Gulp의 환경 구축만 할... 작업 러너gruntWebStormgulp 작업 러너 빈 템플릿 (Grunt · Gulp) WEB 사이트제작 태스크 러너의 빈 템플릿을 만들었습니다. 라고 하는 것을 이전 만들었습니다만 이번은 구체적인 컴파일용 플러그인은 포함하지 않고 아래 태스크 러너 플로우를 Grunt·Gulp 양쪽에서 구현했습니다. 디렉토리 설명 _release 납품용 deploy 개발용 libs 라이브러리 등 두는 곳(ex. libs/js/jquery-1.11.3.min.js ) src 컴파일 전 데이터 등... gruntgulp generator-react-webpack이라는 것을 발견했기 때문에 사용해 보았다 React 유행하는 것 같지만 무엇을 손에 넣을 수 있는지 잘 모르는 사람 (= 완전히 자신) 되는 것을 발견했기 때문에 readme 등 보면서 조사 조사해 갑니다. 아무 생각 없이 다음을 수행npm install -g generator-react-webpack 아무 생각 없이 다음을 수행yo react-webpack sample react-routerr를 포함하거나 듣는 아키텍처의 유무를 ... React자바스크립트gruntwebpack Jade로 만드는 맞춤 태그 입문 예를 들어, 아래와 같이 표시되는 rating 태그를 만들고 싶은 경우. HTML에는 <input type="rating" /> 도 <ratings /> 태그도 없기 때문에, 로 자작합니다. 와 같이 작성하면 컴파일 후에 다음과 같은 HTML이 나옵니다. HTMLimg 태그와 같은 빈 요소의 경우는 이렇게 씁니다. 실제로 이런 일도 할 수 있습니다. 앞에 +를 붙이면 함수 (mixin)를 호... 자바스크립트CSSWebComponentsgruntJade Grunt에서 즉석 템플릿 엔진이 필요했기 때문에 마침내 만들었습니다. jade 라든지 ejs 라고도 좋지만, 보다 심플하게 하고 싶다고 생각해. json을 떨어 뜨렸다. 플레이스홀더(:TAG)를 마련해, 이런 HTML 만들어 둔다. template.html 자리 표시자의 문자열을 키로 한 객체를 만듭니다. 이 JSON 값이 삽입되는 방식. 스프레드 시트 등에서 출력할 수 있도록 해두면 더욱 편리할지도 모른다. data.json 그러면 Grunt 측에 이런 느낌... gruntNode.js grunt-mustache-render를 사용하여 엑셀에서 HTML을 양산하고 싶습니다! 엑셀의 데이터로부터 html 파일을 대량으로 작성하는 안건이 있었으므로, 그 때를 메모 겸해 써 보았습니다. 이번에는 Grunt에서 작업을했기 때문에 Grunt에서의 방법입니다. 주요 모듈은 이것입니다. · grunt-mustache-render · xlsx 간단한 구성으로는 다음과 같은 느낌입니다. (1) xlsx 모듈로 데이터 검색 (2) grunt-mustache-render에서 사용할... mustacheXLSXgrunt grunt의 node-webkit 빠져서 메모. grunt로 node-webkit 앱을 빌드합니다. package.json Gruntfile.js 포인트는 options.version. 규정치는 'latest'입니다만, 알파판 등 동작하지 않는 버젼의 node-webkit가 선택되었을 경우에 빌드가 통과하지 않게 됩니다. 에 놓여 있는, 정상적으로 움직이는 버젼을 지정합시다. build/{프로젝트명} 폴더 아래에 각 플랫폼용... node-webkit자바스크립트grunt 연말이므로 웹 앱을 만들었습니다. minmax 패널을 번갈아 가서 총 득점을 겨루는 게임이다. 선수는 좋아하는 위치에서 시작된다. 후손은 선수가 선택한 위치를 포함한 세로 일렬 중에서 패널을 선택한다. 다시 선수는 후손이 선택한 패널을 포함한 가로 일렬 중에서 패널을 선택한다. 한번 선택한 패널은 선택할 수 없다. 패스는 할 수 없다. 패널을 선택할 수 없었던 시점에서, 합계 득점이 높은 쪽의 승이다. 게임 시작. 처음에는 ... AngularhamlCoffeeScriptgruntjasmine 이제 들리지 않는 프런트 엔드 작업 러너 프런트 엔드 엔지니어가 되었기 때문에 소문에 듣는 태스크 러너가되는 것에 입문하려고 여러가지 검토하고 있습니다. 조사하고 있는 느낌으로는 이하의 2강인 것이므로, 지금 갱감이 감도는 가운데 소개하고 싶습니다. 클래식한 것이 Grunt. 프런트 엔드에서의 태스크 러너라고 하면 이것이 제일 유명한 것 같네요. Sass 컴파일, CSS, JavaScript 결합, 압축 등 다양한 것을 자동화할 수... gruntgulp laravel에 yo에서 angularJs&coffeescript를 사용할 수 있도록 한다. 먼저 yo 명령을 사용할 수 있어야하므로 아래에서 설치 global에 설치한 곳에서 laravel의 프로젝트 루트로 이동. 클라이언트 코드를 관리하는 디렉토리를 만들고 이동합니다. 클라이언트 환경 만들기 이것으로 히나가타까지 완성. 이대로 grunt build를 실행하면 알 수 있지만 오류가 발생합니다. 원인은 Gruntfile.js 안에 wiredep 라는 태스크의 options가 설정되어... AngularPHP라라벨CoffeeScriptgrunt npm 종속 라이브러리의 라이센스를 확인하는 방법 Node.js와 현대 웹 앱을 만들 때 npm에서 떼어내 라이브러리를 설치할 것이라고 생각합니다. npm으로 가져온 라이브러리는 재배포하는 것은 아니고 단순히 이용할 뿐입니다만, 이용에 대해서도 어떠한 제한(학술 이용에 한정한다든가, 「나쁜 것에 사용하지 말라」라든지)을 거는 것도 존재하기 때문에 각 라이브러리의 라이센스를 확인해 보았습니다. 라이선스 목록을 HTML 보고서로 생성하는 Gru... npmgrunt Jenkins에서 StyleDocco를 사용하여 스타일 가이드 만들기 Rails의 프로젝트에서 슬슬 CSS의 스타일 가이드 갖고 싶은 말을 하고 있었을 때와 어떤 사람에게 StyleDocco를 추천받았기 때문에. Rails라고 KSS라든지 있습니다만, 스스로 view 쓰는 것도 생각하고, 우선 StyleDocco로 했습니다. 로컬에서 grunt watch하고 결과를 보는 것은 비교적 간단합니다만, 모처럼 Jenkins에서 CI하고 있기 때문에, Jenkins에... styledoccoJenkinsgrunt 【Grunt】 복수의 CSS, JavaScript 파일을 minfy한다 여러 CSS, JavaScript 파일을 Grunt를 사용하여 단번에 각각 하나의 파일로 minfy합니다. ① Gruntfile 작성 ② package.json 쓰기 ④ html CSS, JavaScript 지정 부분에 build 코멘트 추가 ⑤ grunt 태스크 실행 src 폴더에는 작업 대상 파일군을 넣어 둡니다. 처리 후의 파일군은 dist 폴더내에 작성됩니다만, 폴더 마다 자동적으로 ... CSS자바스크립트grunt Stylus 용 Bourbon과 같은 CSS 프레임 워크 kouto swiss를 사용해보십시오. 먼저 npm에서 kouto swiss를 설치합니다. 이번에는 Grunt를 이용하기 때문에 함께 설치합니다. Gruntfile.js 에 stylus 에 대한 설정을 씁니다. options 의 use 에 kouto-swiss 를 지정합니다. stylus/base.styl를 만들고 kouto-swiss를 가져옵니다. 여기에서 kouto-swiss를 사용해 보겠습니다. 먼저 CSS를 재설정합니다. ... kouto-swissCSSbourbongruntstylus