관리-도구

편집 파일: webpack.config.js

const path = require('path'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const UglifyJSPlugin = require('terser-webpack-plugin'); const CssMinimizerPlugin = require("css-minimizer-webpack-plugin"); module.exports = { entry: ['./src/index.js'], output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.js' }, module: { rules: [ { test: /\.(js|jsx)$/, use: { loader: 'babel-loader', options: { presets: ['@babel/preset-env', '@babel/preset-react'] } } }, { test: /\.css$/, use: [MiniCssExtractPlugin.loader, "css-loader"] }, ] }, plugins: [ new MiniCssExtractPlugin({filename:'styles.css'}), new UglifyJSPlugin() ], optimization: { minimizer: [ `...`, new CssMinimizerPlugin(), ], } };