webpack 自动打包

Webpack是一个现代化的前端构建工具，可以帮助我们自动打包项目代码。要实现Webpack的自动打包功能，可以通过以下步骤进行配置：

1. 安装Webpack和相关的插件：

   npm install webpack webpack-cli --save-dev

2. 创建一个Webpack配置文件（通常命名为webpack.config.js），并进行基本的配置：

   const path = require('path');

   module.exports = {
     entry: './src/index.js',  // 入口文件
     output: {
       filename: 'bundle.js',  // 输出文件名
       path: path.resolve(__dirname, 'dist')  // 输出路径
     }
   };

3. 配置npm脚本，以便于运行Webpack命令：

   {
     "scripts": {
       "build": "webpack"
     }
   }

4. 运行 `npm run build` 命令即可自动打包项目代码。Webpack将会根据入口文件（`./src/index.js`）进行代码分析和模块打包，并将最终的打包结果输出到指定的路径（`./dist/bundle.js`）。

在实际开发中，你还可以配置更多的Webpack选项，如处理不同类型的文件、使用加载器和插件等。但以上步骤是实现自动打包的基本配置，你可以根据项目需求进行进一步的配置和定制化。