dpzvc3-ui 3.0.0

package/webpack.dist.dev.config.js

@@ -0,0 +1,75 @@
+const path = require('path')
+const webpack = require('webpack')
+const { merge } = require('webpack-merge')
+const webpackBaseConfig = require('./webpack.base.config.js')
+
+process.env.NODE_ENV = 'production'
+
+module.exports = [merge(webpackBaseConfig, {
+  mode: 'production',
+
+  entry: {
+    main: path.resolve(__dirname, './src/index.js')
+  },
+
+  output: {
+    path: path.resolve(__dirname, './dist'),
+    publicPath: '/dist/',
+    filename: 'dpzvc3.js',
+    library: 'dpzvc3',
+    libraryTarget: 'umd',
+    umdNamedDefine: true,
+    clean: false // webpack5 新增，每次构建清理旧文件
+  },
+
+  externals: {
+    vue: 'vue'
+  },
+
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production')
+    })
+  ],
+
+  // Webpack 5 建议禁用多余 optimization，因为是库打包
+  optimization: {
+    minimize: false // 开发库打包通常不压缩
+  }
+}),
+merge(webpackBaseConfig, {
+  mode: 'production',
+
+  entry: {
+    main: path.resolve(__dirname, './src/index.js')
+  },
+
+  output: {
+    path: path.resolve(__dirname, './dist'),
+    filename: 'dpzvc3.esm.js', // 改名，标识 ESM
+    library: {
+      type: 'module' // ✅ 核心改动
+    },
+    clean: false
+  },
+
+  experiments: {
+    outputModule: true // ✅ 必须
+  },
+
+  externals: {
+    vue: 'vue'
+
+  },
+
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production')
+    })
+  ],
+
+  optimization: {
+    concatenateModules: false,
+    minimize: false
+  }
+})]

package/webpack.dist.prod.config.js

@@ -0,0 +1,89 @@
+const path = require('path')
+const webpack = require('webpack')
+const TerserPlugin = require('terser-webpack-plugin')
+const { merge } = require('webpack-merge')
+const webpackBaseConfig = require('./webpack.base.config.js')
+
+process.env.NODE_ENV = 'production'
+
+module.exports = [
+  // -------- UMD 输出 --------
+  merge(webpackBaseConfig, {
+    mode: 'production',
+    entry: {
+      main: path.resolve(__dirname, './src/index.js')
+    },
+    output: {
+      path: path.resolve(__dirname, './dist'),
+      filename: 'dpzvc3.min.js',
+      library: 'dpzvc3',
+      libraryTarget: 'umd',
+      umdNamedDefine: true,
+      clean: false
+    },
+    externals: {
+      vue: 'vue'
+
+    },
+    optimization: {
+      minimize: true,
+      minimizer: [
+        new TerserPlugin({
+          terserOptions: {
+            compress: { drop_console: true, drop_debugger: true },
+            output: { comments: false }
+          },
+          extractComments: false
+        })
+      ]
+    },
+    plugins: [
+      new webpack.DefinePlugin({
+        'process.env.NODE_ENV': JSON.stringify('production')
+      })
+    ]
+  }),
+  merge(webpackBaseConfig, {
+    mode: 'production',
+
+    entry: {
+      main: path.resolve(__dirname, './src/index.js')
+    },
+
+    output: {
+      path: path.resolve(__dirname, './dist'),
+      filename: 'dpzvc3.esm.min.js', // ESM 文件
+      library: {
+        type: 'module' // 核心 ESM 输出
+      },
+      clean: false
+    },
+
+    experiments: {
+      outputModule: true
+    },
+
+    externals: {
+      vue: 'vue'
+    },
+
+    optimization: {
+      concatenateModules: false,
+      minimize: true,
+      minimizer: [
+        new TerserPlugin({
+          terserOptions: {
+            compress: { drop_console: true, drop_debugger: true },
+            output: { comments: false }
+          },
+          extractComments: false
+        })
+      ]
+    },
+
+    plugins: [
+      new webpack.DefinePlugin({
+        'process.env.NODE_ENV': JSON.stringify('production')
+      })
+    ]
+  })]

package/webpack.prod.config.js

@@ -0,0 +1,51 @@
+const path = require('path')
+const { merge } = require('webpack-merge')
+const webpack = require('webpack')
+const HtmlWebpackPlugin = require('html-webpack-plugin')
+const TerserPlugin = require('terser-webpack-plugin')
+const baseConfig = require('./webpack.base.config.js')
+
+process.env.NODE_ENV = 'production'
+
+module.exports = merge(baseConfig, {
+  mode: 'production',
+  entry: {
+    main: './src/main.js'
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist-prod'),
+    filename: '[name].[contenthash].js',
+    chunkFilename: '[name].[contenthash].chunk.js',
+    publicPath: '',
+    clean: true
+  },
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          compress: { drop_console: true, drop_debugger: true }
+        }
+      })
+    ],
+    splitChunks: {
+      chunks: 'all'
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production'),
+      __VUE_OPTIONS_API__: true,
+      __VUE_PROD_DEVTOOLS__: false
+    }),
+    new HtmlWebpackPlugin({
+      template: './src/template/index.ejs',
+      filename: 'index.html',
+      inject: true,
+      minify: {
+        removeComments: true,
+        collapseWhitespace: true
+      }
+    })
+  ]
+})