diff --git a/vue.config.js b/vue.config.js
index eb3783041..da23a6eb4 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -6,13 +6,12 @@ const defaultSettings = require('./src/settings.js');
 
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 
-// const CompressionWebpackPlugin = require('compression-webpack-plugin');
+// const CompressionPlugin = require('compression-webpack-plugin');
 // const productionGzipExtensions = ['js', 'css'];
 // const isProduction = process.env.NODE_ENV === 'production';
 
-function resolve(dir) {
-    return path.join(__dirname, dir);
-}
+let { version } = require('./package.json');
+version = version.replace(/\./g, '_');
 
 const name = defaultSettings.title; // page title
 const port = 9527; // dev port
@@ -28,7 +27,7 @@ module.exports = {
    */
     publicPath: '/',
     outputDir: 'dist',
-    assetsDir: 'static',
+    assetsDir: 'static', // 相对于outputDir的静态资源(js、css、img、fonts)目录
     lintOnSave: false,
     filenameHashing: true,
     productionSourceMap: false,
@@ -52,16 +51,47 @@ module.exports = {
         // },
         // after: require('./mock/mock-server.js')
     },
+    css: {
+        extract: true, // 是否使用css分离插件 ExtractTextPlugin
+        sourceMap: false, // 开启 CSS source maps?
+        loaderOptions: {
+            css: {}, // 这里的选项会传递给 css-loader
+            postcss: {} // 这里的选项会传递给 postcss-loader
+        }, // css预设器配置项
+        modules: false // 启用 CSS modules for all css / pre-processor files.
+    },
+    parallel: require('os').cpus().length > 1, // 是否为 Babel 或 TypeScript 使用 thread-loader。该选项在系统的 CPU 有多于一个内核时自动启用，仅作用于生产构建。
     configureWebpack: config => {
+        if (process.env.NODE_ENV === 'production') {
+            // 为生产环境修改配置...
+            config.mode = 'production';
+
+            Object.assign(config, {
+                output:{
+                    ...config.output,
+                    filename: `static/js/[name].[chunkhash].${version}.js`,
+                    chunkFilename: `static/js/[name].[chunkhash].${version}.js`
+                }
+            });
+            // config.plugins = [
+            //     ...config.plugins,
+            //     new CompressionPlugin({
+            //         test:/\.js$|\.html$|.\css/, // 匹配文件名
+            //         threshold: 10240, // 对超过10k的数据压缩
+            //         deleteOriginalAssets: false // 不删除源文件
+            //     })
+            // ];
+
+        } else {
+            // 为开发环境修改配置...
+            config.mode = 'development';
+        }
         config.name = name;
-        config.resolve = {
-            extensions: ['.js', '.vue', '.json'],
-            alias: {
-                '@': resolve('src')
-            }
-        };
-        // config.output = {
-        //     filename: '[name].[hash].js'
+        // config.resolve = {
+        //     extensions: ['.js', '.vue', '.json'],
+        //     alias: { // 添加别名
+        //         '@': resolve('src')
+        //     }
         // };
         config.plugins.push(new CopyWebpackPlugin([
             {
@@ -80,103 +110,113 @@ module.exports = {
         };
 
     },
+    // webpack配置
     chainWebpack(config) {
+        // 修复HMR
+        config.resolve.symlinks(true);
+        // 别名配置
+        config.resolve.alias
+            .set('@', path.resolve(__dirname, './src'))
+            .set('@a', path.resolve(__dirname, './src/assets'))
+            .set('@c', path.resolve(__dirname, './src/components'))
+            .set('@p', path.resolve(__dirname, './src/pages'))
+            .set('jquery$', 'jquery/dist/jquery.min.js');
         config.plugins.delete('preload'); // TODO: need test
-        config.plugins.delete('prefetch'); // TODO: need test
+        config.plugins.delete('prefetch'); // 移除 prefetch 插件
 
-        // set svg-sprite-loader
-        config.module
-            .rule('svg')
-            .exclude.add(resolve('src/icons'))
-            .end();
-        config.module
-            .rule('icons')
-            .test(/\.svg$/)
-            .include.add(resolve('src/icons'))
-            .end()
-            .use('svg-sprite-loader')
-            .loader('svg-sprite-loader')
-            .options({
-                symbolId: 'icon-[name]'
-            })
-            .end();
+        // // set svg-sprite-loader
+        // config.module
+        //     .rule('svg')
+        //     .exclude.add(resolve('src/icons'))
+        //     .end();
+        // config.module
+        //     .rule('icons')
+        //     .test(/\.svg$/)
+        //     .include.add(resolve('src/icons'))
+        //     .end()
+        //     .use('svg-sprite-loader')
+        //     .loader('svg-sprite-loader')
+        //     .options({
+        //         symbolId: 'icon-[name]'
+        //     })
+        //     .end();
 
-        // set preserveWhitespace
-        config.module
-            .rule('vue')
-            .use('vue-loader')
-            .loader('vue-loader')
-            .tap(options => {
-                options.compilerOptions.preserveWhitespace = true;
-                return options;
-            })
-            .end();
+        // // set preserveWhitespace
+        // config.module
+        //     .rule('vue')
+        //     .use('vue-loader')
+        //     .loader('vue-loader')
+        //     .tap(options => {
+        //         options.compilerOptions.preserveWhitespace = true;
+        //         return options;
+        //     })
+        //     .end();
 
-        config
-        // https://webpack.js.org/configuration/devtool/#development
-            .when(process.env.NODE_ENV === 'development',
-                config => config.devtool('cheap-source-map')
-            );
+        // config
+        // // https://webpack.js.org/configuration/devtool/#development
+        //     .when(process.env.NODE_ENV === 'development',
+        //         config => config.devtool('cheap-source-map')
+        //     );
 
-        config
-            .when(process.env.NODE_ENV !== 'development',
-                config => {
-                    config
-                        .plugin('ScriptExtHtmlWebpackPlugin')
-                        .after('html')
-                        .use('script-ext-html-webpack-plugin', [{
-                            // `runtime` must same as runtimeChunk name. default is `runtime`
-                            inline: /runtime\..*\.js$/
-                        }])
-                        .end();
-                    // config
-                    //     .optimization.splitChunks({
-                    //         chunks: 'all',
-                    //         cacheGroups: {
-                    //             libs: {
-                    //                 name: 'chunk-libs',
-                    //                 test: /[\\/]node_modules[\\/]/,
-                    //                 priority: 10,
-                    //                 chunks: 'initial' // only package third parties that are initially dependent
-                    //             },
-                    //             // elementUI: {
-                    //             //     name: 'chunk-elementUI', // split elementUI into a single package
-                    //             //     priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
-                    //             //     test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
-                    //             // },
-                    //             commons: {
-                    //                 name: 'chunk-commons',
-                    //                 test: resolve('src/components'), // can customize your rules
-                    //                 minChunks: 3, //  minimum common number
-                    //                 priority: 5,
-                    //                 reuseExistingChunk: true
-                    //             }
-                    //             // jmap: {
-                    //             //     name: 'chunk-jmap',
-                    //             //     test: resolve('src/jmap'), // can customize your rules
-                    //             //     minChunks: 3, //  minimum common number
-                    //             //     priority: 5,
-                    //             //     reuseExistingChunk: true
-                    //             // },
-                    //             // jlmap3d: {
-                    //             //     name: 'chunk-jlmap3d',
-                    //             //     test: resolve('src/jlmap3d'), // can customize your rules
-                    //             //     minChunks: 3, //  minimum common number
-                    //             //     priority: 5,
-                    //             //     reuseExistingChunk: true
-                    //             // },
-                    //             // ibp: {
-                    //             //     name: 'chunk-ibp',
-                    //             //     test: resolve('src/ibp'), // can customize your rules
-                    //             //     minChunks: 3, //  minimum common number
-                    //             //     priority: 5,
-                    //             //     reuseExistingChunk: true
-                    //             // }
-                    //         }
-                    //     });
-                    config.optimization.runtimeChunk('single');
-                }
-            );
+        // config
+        //     .when(process.env.NODE_ENV !== 'development',
+        //         config => {
+        //             config
+        //                 .plugin('ScriptExtHtmlWebpackPlugin')
+        //                 .after('html')
+        //                 .use('script-ext-html-webpack-plugin', [{
+        //                     // `runtime` must same as runtimeChunk name. default is `runtime`
+        //                     inline: /runtime\..*\.js$/
+        //                 }])
+        //                 .end();
+        //             // config
+        //             //     .optimization.splitChunks({
+        //             //         chunks: 'all',
+        //             //         cacheGroups: {
+        //             //             libs: {
+        //             //                 name: 'chunk-libs',
+        //             //                 test: /[\\/]node_modules[\\/]/,
+        //             //                 priority: 10,
+        //             //                 chunks: 'initial' // only package third parties that are initially dependent
+        //             //             },
+        //             //             // elementUI: {
+        //             //             //     name: 'chunk-elementUI', // split elementUI into a single package
+        //             //             //     priority: 20, // the weight needs to be larger than libs and app or it will be packaged into libs or app
+        //             //             //     test: /[\\/]node_modules[\\/]_?element-ui(.*)/ // in order to adapt to cnpm
+        //             //             // },
+        //             //             commons: {
+        //             //                 name: 'chunk-commons',
+        //             //                 test: resolve('src/components'), // can customize your rules
+        //             //                 minChunks: 3, //  minimum common number
+        //             //                 priority: 5,
+        //             //                 reuseExistingChunk: true
+        //             //             }
+        //             //             // jmap: {
+        //             //             //     name: 'chunk-jmap',
+        //             //             //     test: resolve('src/jmap'), // can customize your rules
+        //             //             //     minChunks: 3, //  minimum common number
+        //             //             //     priority: 5,
+        //             //             //     reuseExistingChunk: true
+        //             //             // },
+        //             //             // jlmap3d: {
+        //             //             //     name: 'chunk-jlmap3d',
+        //             //             //     test: resolve('src/jlmap3d'), // can customize your rules
+        //             //             //     minChunks: 3, //  minimum common number
+        //             //             //     priority: 5,
+        //             //             //     reuseExistingChunk: true
+        //             //             // },
+        //             //             // ibp: {
+        //             //             //     name: 'chunk-ibp',
+        //             //             //     test: resolve('src/ibp'), // can customize your rules
+        //             //             //     minChunks: 3, //  minimum common number
+        //             //             //     priority: 5,
+        //             //             //     reuseExistingChunk: true
+        //             //             // }
+        //             //         }
+        //             //     });
+        //             config.optimization.runtimeChunk('single');
+        //         }
+        //     );
     }
 
 };