diff --git a/scripts/webpack.dev.js b/scripts/webpack.dev.js
new file mode 100644
index 0000000..bd4ebac
--- /dev/null
+++ b/scripts/webpack.dev.js
@@ -0,0 +1,21 @@
+const { merge } = require('webpack-merge')
+const base = require('./webpack.base.js')
+const webpack = require('webpack');
+
+module.exports = merge(base, {
+  mode: 'development', // 开发模式
+  devServer: {
+    historyApiFallback: true, 
+	  open: true, // 编译完自动打开浏览器
+    port: 8080,
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env': JSON.stringify({
+        NODE_ENV: 'development',    // 等价于 mode 设置
+        PUBLIC_URL: './',           // 建议使用相对路径
+        API_BASE_URL: 'http://localhost:3030/api' // 添加API路径
+      })
+    }),
+  ],
+})
\ No newline at end of file