본문 바로가기
Dead Code/Flutter_Dart

[플러터] 웹 빌드하기(19.12 기준)

by JO_i 2019. 12. 11.




올해 초만 해도, 웹으로 빌드를 하려면 벼라별 생쑈를 다 해야했는데, 이제 몇줄의 명령어로 간단하게 처리가 되는것 같네. 새로 웹 프로젝트를 만드는 건 별로 관심이 없고, 기존 프로젝트에서 웹 프로젝트로 변환하는 방법이 매우 심플해졌다. 

 

아직 안해보신 분들을 위해서, 12월 기준으로.. (업데이트가 미친듯이 되는 부분이니..)

 

프로젝트를 켜고, 터미널에서, 

 

플러터 업데이트(안한사람만..) 

* flutter channel dev --> dev 채널로 바꾸라고 하는데, 왜인지 모르겠으니. 그냥 난 master로 진행

$ flutter upgrade

 

웹 빌드 활성화(안한사람만..)

$ flutter config --enable-web

 

프로젝트에 웹 템플릿 추가

$ flutter create .

 

 

** flutter devices 쳐서 요거 나오면 다 됐다고 봐야지.

 

 

디버깅

$ flutter run -d chrome

 

빌드

$ flutter build web

 

---------------------------

 

빌드가 다 되었다면, build > web 폴더를 github에 올려서 그냥 홈페이지로 쓸수 있다. 

* 일반적으로 보는 웹사이트 구성요소들이 보이는 아래 폴더를 통째로 올려주면 된다.

 

 

 

자세한 내용은 아래 경로에서 사삭.

https://medium.com/flutter-community/flutter-for-the-web-deploy-to-github-da454e4bc079

 

 

그런데... 화면사이즈가 유동적이라서, 기존 어플을 그대로 옮기면... 좀 당황스럽긴 하다.

아직은 개발중이라 생각하고, 걍 안쓰는걸로..