学习webpack，从这里开始！

# 1、初始化一个新的 webpack 项目
mkdir learn-webpack
cd learn-webpack
npx webpack-cli init

# 2、按照下面选择进行
? Which of the following JS solutions do you want to use? none
? Do you want to use webpack-dev-server? No
? Do you want to simplify the creation of HTML files for your bundle? Yes
? Do you want to add PWA support? No
? Which of the following CSS solutions do you want to use? none
? Do you like to install prettier to format generated configuration? No
? Pick a package manager: npm

h2 {
    color: red;
}

import './style.css';

console.log("Hello webpack!")

module: {
        rules: [
            {
                test: /\.(eot|svg|ttf|woff|woff2|png|jpg|gif)$/i,
                type: 'asset',
            },
            {
                test: /\.css$/i,
                use: ['style-loader', 'css-loader'],
            },

            // Add your rules for custom modules here
            // Learn more about loaders from https://webpack.js.org/loaders/
        ],
},

npm install style-loader css-loader

# 执行转换
npm run build

# 安装
npm install webpack-cli

# 运行 webpack
npx webpack build

# 新建 webpack 项目
npx webpack init