javascript:bootstrap
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
| 다음 판 | 이전 판 | ||
| javascript:bootstrap [2019/06/15 10:11] – 만듦 taekgu | javascript:bootstrap [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1 | ||
|---|---|---|---|
| 줄 1: | 줄 1: | ||
| ====== Javascript Bootstrap ====== | ====== Javascript Bootstrap ====== | ||
| + | ES6 import/ | ||
| + | import ' | ||
| + | babel (es6 -> es5) | ||
| + | webpack (loader, plugin) | ||
| + | <code bash> | ||
| + | >npm init | ||
| + | >npm install webpack --save-dev | ||
| + | >npm install @babel/ | ||
| + | >npm install webpack-dev-server --save-dev | ||
| + | </ | ||
| + | |||
| + | <code javascript webpack.config.js> | ||
| + | var path = require(' | ||
| + | |||
| + | module.exports = { | ||
| + | mode: ' | ||
| + | entry: ' | ||
| + | output: { | ||
| + | filename: ' | ||
| + | path: path.resolve(__dirname, | ||
| + | publicPath: '/ | ||
| + | }, | ||
| + | module: { | ||
| + | rules : [{ | ||
| + | test: /\.js$/, | ||
| + | include: path.resolve(__dirname, | ||
| + | use: { | ||
| + | loader: ' | ||
| + | options: { | ||
| + | presets : [ | ||
| + | [' | ||
| + | ' | ||
| + | // " | ||
| + | // " | ||
| + | // " | ||
| + | // " | ||
| + | // " | ||
| + | // " | ||
| + | // " | ||
| + | // " | ||
| + | // " | ||
| + | ' | ||
| + | }, | ||
| + | debug: true | ||
| + | }] | ||
| + | ] | ||
| + | } | ||
| + | } | ||
| + | }] | ||
| + | } | ||
| + | } | ||
| + | </ | ||
javascript/bootstrap.1560593474.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)