1. 安装

    npm i webpack webpack-cli -D

2. 打包指令

    // npx是一个命令执行工具 ./src/main.js是入口文件 --mode打包模式
    npx webpack ./src/main.js --mode=development(production)

3. 五大核心概念

   （1）entry： 入口，指示webpack从哪里开始进行打包

   （2）output：输出，webpack打包完的文件输出目录以及命名等

   （3）loader：加载器，webpack本身只能处理js、json等文件，其他资源需要借助loader才能解析

   （4）plugins：插件，扩展功能

   （5）mode：模式，development 开发模式，production生产模式

    // 项目根目录创建webpack.config.js
    const path = require('path')
    module.exports = {
        // 入口，相对路径
        entry: './src/main.js',
        // 输出
        output: {
            // 输出目录，绝对路径
            path: path.resolve(__dirname, 'dist'),
            // （所有文件输出目录）命名
            filename: 'main.js'
        },
        // 加载器
        module: {
            rules: []
        },
        // 插件
        plugins: [],
        // 模式
        mode: 'development'
    }