⚡ ant-design按需引入,缩小包体积

vue.config.js

@@ -1,25 +1,28 @@
+const LodashModuleReplacementPlugin = require("lodash-webpack-plugin")
+const webpack = require('webpack')
+const path = require('path')
 module.exports = {
-    publicPath: './',
-    productionSourceMap: false,
-    pages: {
-        index: {
-            entry: 'examples/main.js',
-            template: 'public/index.html',
-            filename: 'index.html'
-        }
-    },
-    devServer: {
-        // development server port 8000
-        port: 8080
-    }
-    // css: {
-    //     loaderOptions: {
-    //         less: {
-    //             lessOptions: { 
-    //                 // important extra layer for less-loader^6.0.0
-    //                 javascriptEnabled: true
-    //             }
-    //         }
-    //     }
-    // }
+	publicPath: './',
+	productionSourceMap: false,
+	pages: {
+		index: {
+			entry: 'examples/main.js',
+			template: 'public/index.html',
+			filename: 'index.html'
+		}
+	},
+	configureWebpack:{
+    plugins: [
+      new webpack.IgnorePlugin({
+        resourceRegExp: /^\.\/locale$/,
+        contextRegExp: /moment$/,
+      }),
+    ]
+  },
+  chainWebpack(config) {
+    if(process.env.analyzer) config.plugin('webpack-report').use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin)
+    
+    config.plugin("loadshReplace").use(new LodashModuleReplacementPlugin())
+  }
+
 }