GaramX

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== Javascript Bootstrap ======
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>

GaramX

사용자 도구

사이트 도구

문서 도구