javascript:bootstrap

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- javascript:bootstrap [2019/06/16 08:00] – taekgu
+++ javascript:bootstrap [2025/04/15 10:05] (현재) – 바깥 편집 127.0.0.1
@@ 줄 2: / 줄 2: @@
 ES6 import/export
 import './a.css'
+babel (es6 -> es5)
+webpack (loader, plugin)
+<code bash>
+>npm init
+>npm install webpack --save-dev
+>npm install @babel/preset-env --save-dev
+>npm install webpack-dev-server --save-dev
+</code>
+<code javascript webpack.config.js>
+var path = require('path');
+module.exports = {
+  mode: 'development', // 'production', 'development', 'none'
+  entry: './src/index.js',
+  output: {
+    filename: 'bundle.js',
+    path: path.resolve(__dirname, 'dist'),
+    publicPath: '/dist'
+  },
+  module: {
+    rules : [{
+      test: /\.js$/,
+      include: path.resolve(__dirname, 'src'),
+      use: {
+        loader: 'babel-loader',
+        options: {
+          presets : [
+            ['@babel/env', {
+              'targets': {
+                // "android": "67",
+                // "chrome": "73",
+                // "edge": "17",
+                // "firefox": "65",
+                // "ie": "10",
+                // "ios": "12",
+                // "opera": "12.1",
+                // "safari": "12",
+                // "samsung": "8.2",
+                'browsers': ['last 2 versions']
+              },
+              debug: true
+            }]
+          ]
+        }
+      }
+    }]
+  }
+}
+</code>

javascript/bootstrap.1560672018.txt.gz · 마지막으로 수정됨: 2025/04/15 10:05 (바깥 편집)