browsersync 검색 결과
2 개의 검색 결과가 있습니다.
내가 자꾸 까먹어서 쓰는 개발 이야기/Linux Server

WSL2 에서 Browsersync 사용하기

윈도우10 2004 업데이트가와 함께 WSL도 업데이트가 되었다. 처음에는 /mnt/d/projects 디렉토리를 mount하여 document_root 로 사용했으나, 찾아보니 /mnt 내에 위치한 파일은 제 속도가 나오지 않는다고 한다. /home 안에 새로 디렉토리를 만들었는데, 탐색기에서 접근할 방법이 막막했다. \\wsl$ 경로로 접근하면 된다기에 해봤더니 권한 오류가 발생한다. 이 경우는 IDE를 통해 해결되었다. intellij 계열이나 VScode 가 WSL 경로를 지원한다는듯 하다. 이후에 생긴 문제는 browsersync 사용 시 브라우저에서 접속이 안되는 것이었다. npm run watch 커맨드를 실행하면 브라우저 탭은 새로 열리는데 접속이 불가했다. 자동생성되는 3000번 포트가 ..

2020. 6. 10. 12:20
내가 자꾸 까먹어서 쓰는 개발 이야기/JavaScript

[Webpack] 원격 서버 Browser-Sync 사용하기

파일이 변경되면 브라우저를 자동으로 새로고침 해 주는 Browser-Sync 라는게 있다고 한다. 찾아보니 로컬서버의 경우는 매우 쉽게 설정이 가능한듯 했다. 하지만 나는 원격 서버 유저... (로컬 네트워크 내에 가상머신을 몇개 만들어 사용) 뭔짓을 해도 새로고침이 되지 않기에, 구글신께 빌어 계시를 받았다. [Laravel-mix 의 경우] 기본적으로 Browser-Sync가 dependency에 포함되어 있다. webpack.mix.js 파일에 셋팅만 해주면 된다. 윈도우의 hosts 파일을 변경하여 가상 도메인으로 활용중이므로, proxy 설정을 포함 해 준다. mix.browserSync({ proxy: 'http://my-virtual-domain.com', files: [ './dist/**..

2019. 3. 20. 11:15