1

webpack.config.js

@@ -4,17 +4,23 @@ const webpack = require('webpack')
 const { VueLoaderPlugin } = require('vue-loader')
 const TerserPlugin = require('terser-webpack-plugin')
 
+// 判断是否为开发环境
+const isDev = process.env.NODE_ENV === 'development'
+
 module.exports = {
   mode: 'production', // 明确指定生产模式
   target: 'web', // 明确指定浏览器环境
   entry: './src/index.js',
+  devtool: isDev ? 'source-map' : false, // 开发环境生成 sourcemap
   output: {
     path: path.resolve(__dirname, 'dist'),
     filename: 'admin-framework.js',
-    library: 'AdminFramework',
-    libraryTarget: 'umd',
-    libraryExport: 'default',
-    globalObject: 'typeof self !== \'undefined\' ? self : this',
+    library: {
+      name: 'AdminFramework', // 挂载到 window.AdminFramework
+      type: 'umd',
+      export: 'default'
+    },
+    globalObject: 'window', // 明确使用 window 对象
     umdNamedDefine: true, // 为 UMD 模块添加名称
     clean: true // 构建前清理 dist 目录
   },
@@ -166,7 +172,7 @@ module.exports = {
     }
   },
   optimization: {
-    minimize: true,
+    minimize: !isDev, // 开发环境不压缩
     minimizer: [
       new TerserPlugin({
         terserOptions: {