diff --git a/.env b/.env
deleted file mode 100644
index b567885..0000000
--- a/.env
+++ /dev/null
@@ -1,2 +0,0 @@
-NODE_ENV="development"
-BASE_URL="http://localhost:3000/"
\ No newline at end of file
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..654d1be
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,2 @@
+VUE_APP_CURRENTMODE ="development"
+VUE_APP_LOGOUT_URL="http://localhost:3000/"
\ No newline at end of file
diff --git a/.env.prod b/.env.prod
deleted file mode 100644
index 02bf465..0000000
--- a/.env.prod
+++ /dev/null
@@ -1,2 +0,0 @@
-NODE_ENV="production"
-BASE_URL="https://www.jubao56.com/"
\ No newline at end of file
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..969fb25
--- /dev/null
+++ b/.env.production
@@ -0,0 +1,3 @@
+
+VUE_APP_CURRENTMODE ="production"
+VUE_APP_LOGOUT_URL="https://www.jubao56.com/"
\ No newline at end of file
diff --git a/.env.test b/.env.test
deleted file mode 100644
index 00020ea..0000000
--- a/.env.test
+++ /dev/null
@@ -1,2 +0,0 @@
-NODE_ENV="test"
-BASE_URL="http://localhost:3000/"
\ No newline at end of file
diff --git a/package.json b/package.json
index b50a766..97e3db7 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "my_project",
+  "name": "vue-admin-project",
   "version": "0.1.0",
   "private": true,
   "scripts": {
@@ -28,10 +28,12 @@
     "@vue/cli-plugin-babel": "^3.4.0",
     "@vue/cli-service": "^3.4.0",
     "compression-webpack-plugin": "^2.0.0",
+    "html-webpack-plugin": "^3.2.0",
     "node-sass": "^4.9.2",
     "sass-loader": "^7.1.0",
     "vue-cli-plugin-element": "^1.0.1",
-    "vue-template-compiler": "^2.5.21"
+    "vue-template-compiler": "^2.5.21",
+    "webpack-bundle-analyzer": "^3.3.2"
   },
   "postcss": {
     "plugins": {
diff --git a/public/index.html b/public/index.html
index fcda438..ba85a02 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,15 +6,7 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>vue-admin-project</title>
-    <% if (process.env.NODE_ENV === 'production') { %>
-      <% for(var css of htmlWebpackPlugin.options.cdn.css) { %>
-        <link rel="stylesheet" href="<%=css%>" as="style">
-      <% } %>
-      <% for(var js of htmlWebpackPlugin.options.cdn.js) { %>
-        <script src="<%=js%>"></script>
-      <% } %>
-        
-    <% } %>
+
   </head>
   <body>
     <noscript>
diff --git a/src/api/api.js b/src/api/api.js
index 7fb0ac7..9d487f8 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -1,5 +1,5 @@
 import {get,post} from './request';
 //登陆
-export const  login=(login)=>post('/api/post/user/login',login)
+export const  login= (login)=>post('/api/post/user/login',login)
 //上传
 export const  upload=(upload)=>get('/api/get/upload',upload)
\ No newline at end of file
diff --git a/src/api/request.js b/src/api/request.js
index 7af804a..552bc51 100644
--- a/src/api/request.js
+++ b/src/api/request.js
@@ -6,7 +6,7 @@ import {
 import {messages} from '../assets/js/common.js'
 import store from '../store/store'
 axios.defaults.timeout = 60000;
-axios.defaults.baseURL = process.env.BASE_URL;
+axios.defaults.baseURL = process.env.VUE_APP_LOGOUT_URL;
 axios.defaults.headers.post["Content-Type"] =
     "application/x-www-form-urlencoded;charset=UTF-8";
 let loading = null;
diff --git a/src/views/component/editor.vue b/src/views/component/editor.vue
index 262d82e..c5fb087 100644
--- a/src/views/component/editor.vue
+++ b/src/views/component/editor.vue
@@ -5,12 +5,8 @@
     </div>
 </template>
 <script>
-import { VueEditor } from 'vue2-editor'
 import {upload} from '@/api/api.js'
 export default {
-    components: {
-      VueEditor
-   },
     data() {
        return {
          content: '<h1>你好，zyh</h1>'  
diff --git a/src/views/layout/components/Tags.vue b/src/views/layout/components/Tags.vue
index 81e0be0..648aa63 100644
--- a/src/views/layout/components/Tags.vue
+++ b/src/views/layout/components/Tags.vue
@@ -29,8 +29,7 @@
   </div>
 </template>
 <script>
-import { messages } from "@/assets/js/common.js";
-import { constants } from "crypto";
+import { messages } from "@assets/js/common.js";
 // import { mapState } from "vuex";
 export default {
   created() {
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index ea9b656..23f116b 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -31,8 +31,8 @@
   </div>
 </template>
 <script>
-// import { login } from "@/api/api.js";
-import { messages } from "@/assets/js/common.js";
+import { login } from "@api";
+import { messages } from "@assets/js/common.js";
 export default {
   name: "login",
   data() {
@@ -65,7 +65,7 @@ export default {
     };
   },
   methods: {
-    submitForm(formName) {
+     submitForm(formName) {
       this.$refs[formName].validate(valid => {
         if (valid) {
           //这里模拟管理员以及用户两种权限,一般的都是登陆后接口传过来
@@ -77,6 +77,7 @@ export default {
               });
           // login(this.ruleForm2)
           //   .then(res => {
+          //     console.log(res)
           //     //提交数据到vuex
           //     this.$store.commit("COMMIT_TOKEN", res);
           //     this.$message('success',res.message)
diff --git a/vue.config.js b/vue.config.js
index 4ba1455..4209aee 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -3,6 +3,9 @@ let path = require('path');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin')
 //gzip压缩插件
 const CompressionWebpackPlugin = require('compression-webpack-plugin')
+//打包分析
+// const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+const cdnPlugin = require('webpack-cdn-plugin');
 function resolve(dir) {
   return path.join(__dirname, dir)
 }
@@ -12,62 +15,59 @@ let externals = {
   'axios': 'axios',
   'element-ui': 'ELEMENT',
   'vue-router': 'VueRouter',
-  'vuex': 'Vuex'
-}
-const cdn={
-  css:[
-    //element-ui css
-    'https://unpkg.com/element-ui/lib/theme-chalk/index.css'
-  ],
-  js:[
-    //vue
-    'https://unpkg.com/vue@2.6.10/dist/vue.min.js',
-    //axios
-    'http://cdn.staticfile.org/axios/0.19.0-beta.1/axios.min.js',
-    //vuex
-    'https://unpkg.com/vuex@3.1.0/dist/vuex.min.js',
-    //vue-router
-    'https://unpkg.com/vue-router@3.0.6/dist/vue-router.min.js',
-    //element
-    'https://unpkg.com/element-ui@2.7.2/lib/index.js'
-  ]
+  'vuex': 'Vuex',
+  'echarts': 'echarts',
+  'vue2-editor': 'VueEditor'
 }
 module.exports = {
   //基本路径
-  publicPath: './',
+  publicPath: '/dist/',
   //输出文件目录
   outputDir: 'dist',
   //放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
   assetsDir: 'static',
   //生产环境不需要生产map文件
-  productionSourceMap:false,
+  productionSourceMap: false,
   chainWebpack: config => {
     //这里是对环境的配置，不同的环境对应不同的BASE_URL
     config.plugin('define').tap(args => {
-      args[0]['process.env'].BASE_URL = JSON.stringify(process.env.BASE_URL)
+      args[0]['process.env'].VUE_APP_LOGOUT_URL = JSON.stringify(process.env.VUE_APP_LOGOUT_URL)
+      console.log(args[0])
       return args;
     });
-    //代码分割
-    config.optimization.minimize(true);
-    config.optimization.splitChunks({
-      chunks: 'all'
-    })
+
     //只在生产环境生效
-    if(process.env.NODE_ENV==='production'){
+    if (process.env.VUE_APP_CURRENTMODE === 'production') {
       config.externals(externals)
-      config.plugin('html')
-      .tap(args=>{
-        args[0].cdn=cdn;
-        return args
+      config.optimization.minimize(true);
+      config.optimization.splitChunks({
+        chunks: 'all',
+        cacheGroups: {
+          public: {
+            name: 'public',
+            test: resolve('src/components'),
+            minSize: 0, //表示在压缩前的最小模块大小,默认值是 30kb
+            minChunks: 2, // 最小公用次数
+            priority: 5, // 优先级
+            reuseExistingChunk: true // 公共模块必开启
+          },
+          vendors: {
+            test: /[\\/]node_modules[\\/]/,
+            priority: -10
+          }
+        }
       })
     }
-      //设置别名
-      config.resolve.alias
+    //设置别名
+    config.resolve.alias
       .set('@', resolve('src'))
+      .set('@api', resolve('src/api/api'))//接口地址
+      .set('@assets', resolve('src/assets'))
   },
   //  webpack插件配置
   configureWebpack: config => {
-    let plugins = [
+    //生产环境插件
+    let pluginsPro = [
       new UglifyJsPlugin({
         uglifyOptions: {
           compress: {
@@ -90,16 +90,44 @@ module.exports = {
         threshold: 10240,
         minRatio: 0.8,
       }),
-    ]
-    if (process.env.NODE_ENV !== 'development') {
-      config.plugins = [...config.plugins, ...plugins]
+      // new BundleAnalyzerPlugin(),
+
+    ],
+      //通用插件
+      plugins = [
+        new cdnPlugin({
+          modules: [
+            { name: 'vue', var: 'Vue', path: 'dist/vue.min.js' },
+            { name: 'axios', var: 'axios', path: 'dist/axios.min.js' },
+            { name: 'vuex', var: 'Vuex', path: 'dist/vuex.min.js' },
+            { name: 'element-ui', var: 'ELEMENT', path: 'lib/index.js', style: 'lib/theme-chalk/index.css' },
+            { name: 'echarts', var: 'echarts', path: 'dist/echarts.min.js' },
+            { name: 'vue2-editor', var: 'VueEditor', path: 'dist/vue2-editor.js' },
+            { name: 'vue-router', var: 'VueRouter', path: 'dist/vue-router.min.js' },
+          ],
+          publicPath: '/node_modules'
+        })
+      ]
+    if (process.env.VUE_APP_CURRENTMODE !== 'development') {
+      config.plugins = [...config.plugins, ...pluginsPro]
     }
+    config.plugins = [...config.plugins, ...plugins]
   },
   devServer: {
-    open: true
+    port: 8888, // 端口
+    open: true, // 自动开启浏览器
+    compress: false, // 开启压缩
+    overlay: {
+      warnings: true,
+      errors: true
+    }
   },
   //定义scss全局变量
   css: {
+    // 是否使用css分离插件 ExtractTextPlugin
+    extract: true,
+    // 开启 CSS source maps?
+    sourceMap: false,
     loaderOptions: {
       sass: {
         data: `@import "@/assets/scss/global.scss";`
