전체 글81 Webpack의 output 포스트의 코드입니다. DogPawDev/webpack-example webpack 공부입니다. Contribute to DogPawDev/webpack-example development by creating an account on GitHub. github.com 어떻게 최종적인 결과를 원하는대로 만들 것인가 알아보는 시간입니다. 최종적인 파일의 이름, 하나로 뭉칠건지 특정 파일은 나눌 것인지를 설정 할 수 있습니다. 또 하나의 페이지를 만들어서 진행해 봅시다. /about.html 파일을 만들고 다음과 같이 작성해 줍니다. About.html은 about_bundle.js를 참고하도록 합니다. 기존 index.html 파일도 태그를 추가해 서로 이동할 수 있도록 만들어 줍니다. about.html .. 2020. 6. 10. Webpack의 로더 해당 포스트의 코드입니다. 로더 사용 전 DogPawDev/webpack-example webpack 공부입니다. Contribute to DogPawDev/webpack-example development by creating an account on GitHub. github.com 로더 사용 후 DogPawDev/webpack-example webpack 공부입니다. Contribute to DogPawDev/webpack-example development by creating an account on GitHub. github.com Webpack의 로더의 도입은 가장 중요한 내용입니다. 진행해보며 알아봅시당 우선 Index.html에 css 파일을 넣으려고 합니다. 그렇게 하기 위해선 최종적인.. 2020. 6. 10. Webpack의 모드 DogPawDev/webpack-example webpack 공부입니다. Contribute to DogPawDev/webpack-example development by creating an account on GitHub. github.com 해당 포스트의 코드입니다. 웹팩에는 모드가 존재합니다 Npx webpack 명령어를 실행해보면 다음과 같은 경고가 나옵니다 Mode | webpack webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about an.. 2020. 6. 10. Webpack 사용 해당 포스트의 코드입니다. DogPawDev/webpack-example webpack 공부입니다. Contribute to DogPawDev/webpack-example development by creating an account on GitHub. github.com Webpack을사용하기 위해서는 node.js에서 webpack 모듈을 다운 받아야 합니다. 이미 미리 다운을 받았기 때문에 바로 진행을 할 수 있습니다. 지금부터가 webpack을 사용해 알아보는 시간입니다. Webpack을사용하기 위해서 먼저 코드에서 index.html 파일에서 JS 코드들을 별도의 JS 파일로 분리해야 합니다. 기존 JS 코드 삭제 다음 경로에 파일 생성 /source/index.js import hello_wo.. 2020. 6. 10. 이전 1 2 3 4 5 ··· 21 다음
