Web/Webpack (2) 썸네일형 리스트형 webpack.config.js var webpack = require('webpack'); module.exports = { entry: [ "./app.js" ], output: { path: __dirname + '/static', filename: "bundle.js" }, module: { loaders: [ { test: /\.js?$/, loader: 'babel-loader', query: { presets: ['es2015', 'react'] }, exclude: /node_modules/ } ] }, plugins: [ ] }; Webpack을 왜 사용하나요? - 하나의 파일로 js 파일을 번들할 수 있습니다.- 프론트엔드 코드에 npm 패키지를 사용할 수 있습니다.- ES6/ES7 자바스크립트 코드를 작성할 수 있습니다. (Babel을 이용하여)- 코드를 압축 또는 최적화할 수 있습니다.- LESS/SCSS를 CSS로 돌릴 수 있습니다.- HMR(Hot Module Replacement)을 사용할 수 있습니다.- 자바스크립트로 모든 유형의 파일을 포함할 수 있습니다.- 이 글에서 다루지 못한 아주 많은 고급기능이 있습니다. 왜 이러한 기능이 필요한가요? - js 파일 번들 - 자바스크립트를 모듈로 작성할 수 있습니다, 그래서 각각의 파일에 대해서 태그를 별도로 작성할 필요가 없습니다. (상황에 따라서 둘 이상의 js 파일이 필요한 경우 구성 가능함)- npm.. 이전 1 다음