HaPpY hApPy

wwwroot안 css, js 파일을 clients 로 옮기기. 본문

.Net Core/Asp.Net Core

wwwroot안 css, js 파일을 clients 로 옮기기.

juniguya 2016. 12. 20. 02:22

Extension 프로그램인 Bundling & Minifying 설치 

  • Tools -> Extension and Update -> Bundler & Minifier 검색 설치



Extension 설치 후 visual studio 재 실행하고,

 

원하는 파일 선택 -> Bundler & Minifier -> Bundle and Minify Files 선택


 

 

대충 이름 정하고 저장하면 아래와 같이 파일이름.min.css 파일 생성됨.


만약 여기서 위 이미지 속 First.css 혹은 Second.css 파일을 변경해서 저장하면 자동으로 bundle.css, bundle.min.css도 변경됨..구웃!


그 다음 이 파일들을 실행할때 wwwroot 폴더에서 clients 위치로 복사해서 옮겨주기


Asp.Net Core 기능중 wwwroot 폴더안에있는 static files을 clients로 옮겨주는 기능이 있는데 프로젝트 생성시 empty로 하면 disable 되어있어서 enable 시켜야함. 그러기 위해서 project.json에 패키지 하나 추가해야함


"Microsoft.AspNetCore.StaticFiles": "1.0.0"


그리고 Startup class의 void Configure(...)함수안에 아래 코드 추가 하면됨.


app.UseStaticFiles();


이후 웹 실행하면 뷰에서 참조된 js파일 혹은 css파일이 아래 clients로 복사됨