npm - dpzvc-ui - Versions diffs - 1.0.0 → 1.2.0 - Mend

dpzvc-ui 1.0.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/README.md +102 -18
package/build-style.js +56 -29
package/dist/dpzvc.js +9132 -13154
package/dist/dpzvc.js.map +1 -0
package/dist/dpzvc.min.js +2 -0
package/dist/dpzvc.min.js.map +1 -0
package/dist/styles/base/font.css +1 -0
package/dist/styles/base/reset.css +1 -0
package/dist/styles/base/variable.css +0 -0
package/dist/styles/components/actionSheet.css +1 -0
package/dist/styles/components/badge.css +1 -0
package/dist/styles/components/button.css +1 -0
package/dist/styles/components/card.css +1 -0
package/dist/styles/components/cell-swipe.css +1 -0
package/dist/styles/components/cell.css +1 -0
package/dist/styles/components/checkBox.css +1 -0
package/dist/styles/components/editor.css +1 -0
package/dist/styles/components/header.css +1 -0
package/dist/styles/components/indicator.css +1 -0
package/dist/styles/components/loadmore.css +1 -0
package/dist/styles/components/message.css +1 -0
package/dist/styles/components/modal.css +1 -0
package/dist/styles/components/number.css +1 -0
package/dist/styles/components/picker.css +1 -0
package/dist/styles/components/popup.css +1 -0
package/dist/styles/components/progress.css +1 -0
package/dist/styles/components/prompt.css +1 -0
package/dist/styles/components/radioBox.css +1 -0
package/dist/styles/components/slide-Bar.css +1 -0
package/dist/styles/components/spinner.css +1 -0
package/dist/styles/components/swipe.css +1 -0
package/dist/styles/components/switchBar.css +1 -0
package/dist/styles/components/tab.css +1 -0
package/dist/styles/components/text.css +1 -0
package/dist/styles/components/toTop.css +1 -0
package/dist/styles/components/upload.css +1 -0
package/dist/styles/utils/1px.css +1 -0
package/dist/styles/utils/animation.css +1 -0
package/dist/styles/utils/nowrap.css +1 -0
package/dist-prod/968.b06f8ff038ced2ac25a8.js +3 -0
package/dist-prod/968.b06f8ff038ced2ac25a8.js.LICENSE.txt +5 -0
package/dist-prod/968.b06f8ff038ced2ac25a8.js.map +1 -0
package/dist-prod/actionsheet.6c90edde5704622a1342.chunk.js +2 -0
package/dist-prod/actionsheet.6c90edde5704622a1342.chunk.js.map +1 -0
package/dist-prod/badge.c84c021f3e486ef7d942.chunk.js +2 -0
package/dist-prod/badge.c84c021f3e486ef7d942.chunk.js.map +1 -0
package/dist-prod/button.367cc8c72a5fe6ab23f9.chunk.js +2 -0
package/dist-prod/button.367cc8c72a5fe6ab23f9.chunk.js.map +1 -0
package/dist-prod/card.9408612c4388b6dfa16c.chunk.js +2 -0
package/dist-prod/card.9408612c4388b6dfa16c.chunk.js.map +1 -0
package/dist-prod/cell.9a4993caa97ef40ff5c1.chunk.js +2 -0
package/dist-prod/cell.9a4993caa97ef40ff5c1.chunk.js.map +1 -0
package/dist-prod/cellswipe.2f66e4563a8b0ea4e66a.chunk.js +2 -0
package/dist-prod/cellswipe.2f66e4563a8b0ea4e66a.chunk.js.map +1 -0
package/dist-prod/checkbox.bfb070917fbd916b9246.chunk.js +2 -0
package/dist-prod/checkbox.bfb070917fbd916b9246.chunk.js.map +1 -0
package/dist-prod/guide.92857dbbd3214f172073.chunk.js +2 -0
package/dist-prod/guide.92857dbbd3214f172073.chunk.js.map +1 -0
package/dist-prod/header.ad70269632b1900dc1f0.chunk.js +2 -0
package/dist-prod/header.ad70269632b1900dc1f0.chunk.js.map +1 -0
package/dist-prod/index.html +19 -26
package/dist-prod/indicator.791ff82f539499ebcc6b.chunk.js +2 -0
package/dist-prod/indicator.791ff82f539499ebcc6b.chunk.js.map +1 -0
package/dist-prod/loadmore.766550bbcff49be9ca23.chunk.js +2 -0
package/dist-prod/loadmore.766550bbcff49be9ca23.chunk.js.map +1 -0
package/dist-prod/main.87546d094b4cc2de2d01.js +2 -0
package/dist-prod/main.87546d094b4cc2de2d01.js.map +1 -0
package/dist-prod/main.c3a7cb52315b8816357b.js +2 -0
package/dist-prod/main.c3a7cb52315b8816357b.js.map +1 -0
package/dist-prod/message.878a621e560c57ca9f90.chunk.js +2 -0
package/dist-prod/message.878a621e560c57ca9f90.chunk.js.map +1 -0
package/dist-prod/modal.e4087ee82601de76b61d.chunk.js +2 -0
package/dist-prod/modal.e4087ee82601de76b61d.chunk.js.map +1 -0
package/dist-prod/picker.3cfdf594676698f7ef0b.chunk.js +2 -0
package/dist-prod/picker.3cfdf594676698f7ef0b.chunk.js.map +1 -0
package/dist-prod/popup.f46d0b3c57b2f2d0dfe3.chunk.js +2 -0
package/dist-prod/popup.f46d0b3c57b2f2d0dfe3.chunk.js.map +1 -0
package/dist-prod/progress.dd5c95445a81a94ae446.chunk.js +2 -0
package/dist-prod/progress.dd5c95445a81a94ae446.chunk.js.map +1 -0
package/dist-prod/prompt.793312afaee597d3e887.chunk.js +2 -0
package/dist-prod/prompt.793312afaee597d3e887.chunk.js.map +1 -0
package/dist-prod/radiobox.f684060ebfc8df084d9c.chunk.js +2 -0
package/dist-prod/radiobox.f684060ebfc8df084d9c.chunk.js.map +1 -0
package/dist-prod/rater.18672a3b68842b5ec0ae.chunk.js +2 -0
package/dist-prod/rater.18672a3b68842b5ec0ae.chunk.js.map +1 -0
package/dist-prod/slidebar.58eb1b07a6995df3fc47.chunk.js +2 -0
package/dist-prod/slidebar.58eb1b07a6995df3fc47.chunk.js.map +1 -0
package/dist-prod/spinner.2c686ac402a1e1b29270.chunk.js +2 -0
package/dist-prod/spinner.2c686ac402a1e1b29270.chunk.js.map +1 -0
package/dist-prod/swipe.dcc1ebcc206dae26a67e.chunk.js +2 -0
package/dist-prod/swipe.dcc1ebcc206dae26a67e.chunk.js.map +1 -0
package/dist-prod/switchbar.91b45e05df73e20227ce.chunk.js +2 -0
package/dist-prod/switchbar.91b45e05df73e20227ce.chunk.js.map +1 -0
package/dist-prod/tab.b351fd11783b6de80246.chunk.js +2 -0
package/dist-prod/tab.b351fd11783b6de80246.chunk.js.map +1 -0
package/dist-prod/text.c41d6ba9644f7037d1e3.chunk.js +2 -0
package/dist-prod/text.c41d6ba9644f7037d1e3.chunk.js.map +1 -0
package/dist-prod/totop.cb15a38b541189094b32.chunk.js +2 -0
package/dist-prod/totop.cb15a38b541189094b32.chunk.js.map +1 -0
package/dist-prod/upload.e953d4a54b0a230de7d6.chunk.js +2 -0
package/dist-prod/upload.e953d4a54b0a230de7d6.chunk.js.map +1 -0
package/dist-prod/vendors.5b7cff021a01dbbbcdf2.js +3 -0
package/dist-prod/vendors.5b7cff021a01dbbbcdf2.js.LICENSE.txt +5 -0
package/dist-prod/vendors.5b7cff021a01dbbbcdf2.js.map +1 -0
package/package.json +33 -27
package/postcss.config.js +5 -0
package/src/components/app.vue +1 -1
package/src/components/upload/upload.vue +2 -1
package/src/config/config.js +1 -1
package/src/index.js +115 -49
package/src/lib/MegaPixImage.js +59 -154
package/src/main.js +18 -60
package/src/router.js +30 -223
package/src/styles/base/reset.less +77 -11
package/src/styles/components/badge.less +2 -0
package/src/styles/components/button.less +1 -0
package/src/styles/components/checkBox.less +2 -0
package/src/styles/components/header.less +2 -0
package/src/styles/components/indicator.less +2 -0
package/src/styles/components/modal.less +2 -0
package/src/styles/components/number.less +2 -0
package/src/styles/components/picker.less +2 -0
package/src/styles/components/progress.less +2 -0
package/src/styles/components/radioBox.less +2 -0
package/src/styles/components/slide-Bar.less +2 -0
package/src/styles/components/spinner.less +1 -0
package/src/styles/components/tab.less +2 -0
package/src/styles/components/text.less +2 -0
package/src/styles/components/toTop.less +2 -0
package/src/styles/utils/1px.less +2 -0
package/src/styles/utils/nowrap.less +1 -1
package/src/template/index.ejs +34 -20
package/src/utils/util.js +1 -1
package/src/views/Header.vue +6 -6
package/src/views/Progress.vue +2 -2
package/webpack.base.config.js +77 -70
package/webpack.dev.config.js +39 -66
package/webpack.dist.dev.config.js +45 -40
package/webpack.dist.prod.config.js +54 -46
package/webpack.prod.config.js +41 -70

package/src/template/index.ejs CHANGED Viewed

@@ -1,26 +1,40 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
-    <title>丁平中vue2.x组件库使用预览</title>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
+  <meta charset="UTF-8">
+  <title>丁平中vc移动端组件</title>
+  <meta name="viewport"
+        content="width=device-width,
+                 initial-scale=1.0,
+                 maximum-scale=1.0,
+                 minimum-scale=1.0">
+  <style>
+    html, body {
+      width: 100%;
+      height: 100%;
+      margin: 0;
+    }
+  </style>
 </head>
 <body>
-    <div id="app"></div>
-    <script>
-        (function (doc, win) {
-            var docEl = doc.documentElement,
-                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
-                recalc = function () {
-                    var clientWidth = docEl.clientWidth;
-                    if (!clientWidth) return;
-                    docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
-                };
-            // Abort if browser does not support addEventListener
-            if (!doc.addEventListener) return;
-            win.addEventListener(resizeEvt, recalc, false);
-            doc.addEventListener('DOMContentLoaded', recalc, false);
-        })(document, window);
-    </script>
+  <div id="app"></div>
+  <script>
+    (function (doc, win) {
+      var docEl = doc.documentElement;
+      function recalc() {
+        var clientWidth = docEl.clientWidth;
+        if (!clientWidth) return;
+        if (clientWidth > 750) clientWidth = 750;
+        docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
+      }
+      win.addEventListener('resize', recalc);
+      doc.addEventListener('DOMContentLoaded', recalc);
+    })(document, window);
+  </script>
 </body>
-</html>
+</html>

package/src/utils/util.js CHANGED Viewed

@@ -1,5 +1,5 @@
 /**
- * Created by lcfevr on 16/7/18.
+ * Created by yishide on 16/7/18.
  */
 import Config from '../config/config'
 //

package/src/views/Header.vue CHANGED Viewed

@@ -1,18 +1,18 @@
 <template>
     <div class="Header">
         <div class="item">
-        <Header title="Header" :fixed="fixed"></Header>
+        <DpHeader title="Header" :fixed="fixed"></DpHeader>
         </div>
         <div class="item">
-            <Header title="Header" :fixed="fixed">
+            <DpHeader title="Header" :fixed="fixed">
                 <span slot="right" @click="share">分享</span>
-            </Header>
+            </DpHeader>
         </div>
         <div class="item">
-        <Header title="Header" :fixed="fixed">
+        <DpHeader title="Header" :fixed="fixed">
             <span slot="left">返回</span>
             <span slot="right" @click="share">分享</span>
-        </Header>
+        </DpHeader>
         </div>
     </div>
 </template>
@@ -20,7 +20,7 @@
 <script>
     export default {
-        name: "header",
+        name: "dp-header",
         data(){
             return {

package/src/views/Progress.vue CHANGED Viewed

@@ -1,12 +1,12 @@
 <template>
     <div class="Progress">
-        <Progress v-model="progress" :barHeight="barHeight"></Progress>
+        <DpProgress v-model="progress" :barHeight="barHeight"></DpProgress>
     </div>
 </template>
 <script>
     export default {
-        name: "progress",
+        name: "dp-progress",
         data(){
             return {
                 progress:0,

package/webpack.base.config.js CHANGED Viewed

@@ -1,74 +1,81 @@
-/**
- * 公共配置
- */
-var path = require('path');
-function resolve (dir) {
-    return path.join(__dirname, '.', dir)
-}
+const path = require('path');
+const { VueLoaderPlugin } = require('vue-loader');
 module.exports = {
-    // 加载器
-    module: {
-        // https://doc.webpack-china.org/guides/migrating/#module-loaders-module-rules
-        rules: [
-            {
-                // https://vue-loader.vuejs.org/en/configurations/extract-css.html
-                test: /\.vue$/,
-                loader: 'vue-loader',
-                options: {
-                    loaders: {
-                        css: 'vue-style-loader!css-loader',
-                        less: 'vue-style-loader!css-loader!less-loader'
-                    },
-                    postLoaders: {
-                        html: 'babel-loader'
-                    }
-                }
-            },
-            {
-                test: /\.js$/,
-                query:{
-                    presets: ['es2015','stage-0']
-                },
-                loader: 'babel-loader',
-                exclude: /node_modules/
-            },
-            {
-                test: /\.css$/,
-                use: [
-                    'style-loader',
-                    'css-loader',
-                    'autoprefixer-loader'
-                ]
-            },
-            {
-                test: /\.less$/,
-                use: [
-                    'style-loader',
-                    'css-loader',
-                    'less-loader'
-                ]
-            },
-            {
-                test: /\.scss$/,
-                use: [
-                    'style-loader',
-                    'css-loader',
-                    'sass-loader?sourceMap'
-                ]
-            },
-            { test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/, loader: 'url-loader?limit=8192'},
-            { test: /\.(html|tpl)$/, loader: 'html-loader' }
+  entry: {
+    main: path.resolve(__dirname, 'src/main.js')
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: '[name].[contenthash:8].js', // webpack5 推荐使用 contenthash
+    publicPath: '/'
+  },
+  resolve: {
+    extensions: ['.js', '.vue', '.json'],
+    alias: {
+      'vue$': 'vue/dist/vue.esm.js',
+      '@': path.resolve(__dirname, 'src')
+    }
+  },
+  module: {
+    rules: [
+      // Vue 文件
+      {
+        test: /\.vue$/,
+        loader: 'vue-loader'
+      },
+      // JS 文件
+      {
+        test: /\.js$/,
+        exclude: /node_modules/,
+        use: 'babel-loader'
+      },
+      // CSS 文件
+      {
+        test: /\.css$/,
+        use: [
+          'vue-style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 1
+            }
+          },
+          'postcss-loader'
         ]
-    },
-    resolve: {
-        extensions: ['.js', '.vue'],
-        alias: {
-            'vue': 'vue/dist/vue.esm.js',
-            '@': resolve('src/components')
+      },
+      // LESS 文件
+      {
+        test: /\.less$/,
+        use: [
+          'vue-style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 2
+            }
+          },
+          'postcss-loader',
+          'less-loader'
+        ]
+      },
+      // 图片、字体等资源
+      {
+        test: /\.(png|jpe?g|gif|svg|eot|ttf|woff2?)$/,
+        type: 'asset', // webpack5 新资源模块
+        parser: {
+          dataUrlCondition: {
+            maxSize: 10 * 1024 // 10kb
+          }
+        },
+        generator: {
+          filename: 'assets/[name].[hash:7][ext]'
         }
-    }
-};
+      }
+    ]
+  },
+  plugins: [
+    new VueLoaderPlugin()
+  ],
+  devtool: 'source-map'
+};

package/webpack.dev.config.js CHANGED Viewed

@@ -1,67 +1,40 @@
-/**
- * 本地预览
- */
-var path = require('path');
-var fs = require('fs');
-var webpack = require('webpack');
-// var ExtractTextPlugin = require('extract-text-webpack-plugin');
-var HtmlWebpackPlugin = require('html-webpack-plugin');
-var merge = require('webpack-merge');
-var webpackBaseConfig = require('./webpack.base.config.js');
-var ExtractTextPlugin = require('extract-text-webpack-plugin');
-var FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin');
-process.env.NODE_ENV = '"development"'
-module.exports = merge(webpackBaseConfig, {
-    // 入口
-    entry: {
-        main: './src/main',
-        vendors: ['vue', 'vue-router']
-    },
-    // 输出
-    output: {
-        path:path.join(__dirname, './example'),
-        publicPath: '',
-        filename: '[name].js',
-        chunkFilename: '[name].chunk.js'
-    },
-    resolve: {
-        alias: {
-            dpzvc: './src/index',
-            vue: 'vue/dist/vue.js'
-        }
-    },
-    plugins: [
-        new webpack.DefinePlugin({
-                'process.env.NODE_ENV': process.env.NODE_ENV,
-        }),
-        new ExtractTextPlugin({ filename: '[name].css', disable: true, allChunks: true }),
-        new webpack.optimize.CommonsChunkPlugin({ name: 'vendors', filename: 'vendor.bundle.js' }),
-        new webpack.LoaderOptionsPlugin({
-            // test: /\.xxx$/, // may apply this only for some modules
-            options: {
-                babel:{
-                    presets: ['es2015','stage-0'],
-                    plugins: ['transform-runtime']
-                }
-            }
-        }),
-        new HtmlWebpackPlugin({
-            inject: true,
-            filename: '../example/index.html',
-            template: './src/template/index.ejs'
-        }),
-        new FriendlyErrorsPlugin()
-    ],
-    devServer:{
-        contentBase:"./",
-        // host:"192.168.1.101",
-        // host:"192.168.0.131",
-         host:"localhost",
-        port:"3000"
-    }
-});
+const path = require('path');
+const { merge } = require('webpack-merge');
+const webpack = require('webpack');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const baseConfig = require('./webpack.base.config.js');
+module.exports = merge(baseConfig, {
+  mode: 'development',
+  entry: {
+    main: path.resolve(__dirname, 'src/main.js'),
+    vendors: ['vue', 'vue-router']
+  },
+  output: {
+    path: path.resolve(__dirname, 'dist-dev'),
+    filename: '[name].js',
+    chunkFilename: '[name].chunk.js',
+    publicPath: '/',
+  },
+  devtool: 'eval-source-map',
+  devServer: {
+    static: { directory: path.resolve(__dirname, 'dist-dev') },
+    compress: true,
+    hot: true,
+    historyApiFallback: true,
+    port: 3000
+  },
+  plugins: [
+    new webpack.HotModuleReplacementPlugin(),
+    new HtmlWebpackPlugin({
+      template: path.resolve(__dirname,'src/template/index.ejs'),
+      inject: true,
+      filename: 'index.html'
+    }),
+    new MiniCssExtractPlugin({
+      filename: '[name].css',
+      chunkFilename: '[name].chunk.css'
+    })
+  ]
+});

package/webpack.dist.dev.config.js CHANGED Viewed

@@ -1,44 +1,49 @@
-var path = require('path');
-var webpack = require('webpack');
-var merge = require('webpack-merge');
-var webpackBaseConfig = require('./webpack.base.config.js');
+/**
+ * webpack.dist.dev.config.js
+ * 开发环境打包库文件 (Webpack 5)
+ */
+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, {
-    entry: {
-        main: './src/index.js'
-    },
-    output: {
-        path: path.resolve(__dirname, './dist'),
-        publicPath: '/dist/',
-        filename: 'dpzvc.js',
-        library: 'dpzvc',
-        libraryTarget: 'umd',
-        umdNamedDefine: true
-    },
-    externals: {
-        vue: {
-            root: 'Vue',
-            commonjs: 'vue',
-            commonjs2: 'vue',
-            amd: 'vue'
-        }
-    },
-    plugins: [
-        new webpack.LoaderOptionsPlugin({
-            // test: /\.xxx$/, // may apply this only for some modules
-            options: {
-                babel:{
-                    presets: ['es2015'],
-                    plugins: ['transform-runtime']
-                }
-            }
-        }),
-        new webpack.DefinePlugin({
-            'process.env': {
-                NODE_ENV: '"production"'
-            }
-        })
-    ]
-});
+  mode: 'production',
+  entry: {
+    main: path.resolve(__dirname, './src/index.js')
+  },
+  output: {
+    path: path.resolve(__dirname, './dist'),
+    publicPath: '/dist/',
+    filename: 'dpzvc.js',
+    library: 'dpzvc',
+    libraryTarget: 'umd',
+    umdNamedDefine: true,
+    clean: false, // webpack5 新增，每次构建清理旧文件
+  },
+  externals: {
+    vue: {
+      root: 'Vue',
+      commonjs: 'vue',
+      commonjs2: 'vue',
+      amd: 'vue'
+    }
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production')
+    })
+  ],
+  // Webpack 5 建议禁用多余 optimization，因为是库打包
+  optimization: {
+    minimize: false, // 开发库打包通常不压缩
+  },
+});

package/webpack.dist.prod.config.js CHANGED Viewed

@@ -1,50 +1,58 @@
-var path = require('path');
-var webpack = require('webpack');
-var merge = require('webpack-merge');
-var webpackBaseConfig = require('./webpack.base.config.js');
+/**
+ * webpack.dist.prod.config.js
+ * 生产环境打包库文件 (Webpack 5)
+ */
+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 = merge(webpackBaseConfig, {
-    entry: {
-        main: './src/index.js'
-    },
-    output: {
-        path: path.resolve(__dirname, './dist'),
-        publicPath: '/dist/',
-        filename: 'dpzvc.min.js',
-        library: 'dpzvc',
-        libraryTarget: 'umd',
-        umdNamedDefine: true
-    },
-    externals: {
-        vue: {
-            root: 'Vue',
-            commonjs: 'vue',
-            commonjs2: 'vue',
-            amd: 'vue'
-        }
-    },
-    plugins: [
-        new webpack.DefinePlugin({
-            'process.env.NODE_ENV': '"production"'
-        }),
-        new webpack.LoaderOptionsPlugin({
-            // test: /\.xxx$/, // may apply this only for some modules
-            options: {
-                babel:{
-                    presets: ['es2015','stage-0'],
-                    plugins: ['transform-runtime']
-                }
-            }
-        }),
-        new webpack.optimize.UglifyJsPlugin({
-            compress: {
-                warnings: false,
-                drop_debugger: true,
-                drop_console: true
-            }
-        })
-    ]
-});
+  mode: 'production',
+  entry: {
+    main: path.resolve(__dirname, './src/index.js')
+  },
+  output: {
+    path: path.resolve(__dirname, './dist'),
+    publicPath: '/dist/',
+    filename: 'dpzvc.min.js',
+    library: 'dpzvc',
+    libraryTarget: 'umd',
+    umdNamedDefine: true,
+    clean: false // webpack5 新增，每次构建清理旧文件
+  },
+  externals: {
+    vue: {
+      root: 'Vue',
+      commonjs: 'vue',
+      commonjs2: 'vue',
+      amd: 'vue'
+    }
+  },
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          compress: { drop_console: true, drop_debugger: true },
+          output: { comments: false },
+        },
+        extractComments: false, // 防止生成 LICENSE.txt
+      })
+    ],
+  },
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production')
+    })
+  ]
+});