Webpack, Babel(Babel7) 세팅 about dev-tips HOT 1 OPEN

{
    "presets" : ["@babel/preset-env", "@babel/preset-react"],
    "plugins": [ ... ]
}

module.exports = {
    module: {
        rules: [
            {
                test: /\.(js | jsx)$/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader"
                }
            },
        ],
        resolve : {
                extensions : ['*', '.jsx', '.js']
        },
    }
}

const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    module: {
        rules: [
           ... ,
            {
                test: /\.html$/,
                exclude: /node_modules/,
                use: {
                    loader: "html-loader",
                    options: {minimize: true}
                }
            }
        ]
    },
    plugins : [
        new HtmlWebpackPlugin({
            template: "./public/index.html",
            filename: "./index.html"
        })
    ]
}

module.exports = {
    module: {
        rules: [ ... ]
    },
    plugins : [ ... ],
    devServer: {
        open : true,
        port: 3000
    }
}

"husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.js": [
      "npm run lint:fix",
      "git add"
    ]
  },