init

vue.config.js

@@ -1,34 +1,18 @@
-/**
-
- * @description cli配置
- */
-
 const path = require('path')
 const {
   publicPath,
   assetsDir,
   outputDir,
-  lintOnSave,
   transpileDependencies,
   title,
-  abbreviation,
-  devPort,
-  providePlugin,
-  build7z,
-  donation,
+  devPort
 } = require('./src/config')
-const { webpackBarName, webpackBanner, donationConsole } = require('zx-layouts')
 
-if (donation) donationConsole()
 const { version, author } = require('./package.json')
-const Webpack = require('webpack')
-const WebpackBar = require('webpackbar')
-const FileManagerPlugin = require('filemanager-webpack-plugin')
 const dayjs = require('dayjs')
-const date = dayjs().format('YYYY_M_D')
 const time = dayjs().format('YYYY-M-D HH:mm:ss')
-process.env.VUE_APP_TITLE = title || 'vue-admin-beautiful'
-process.env.VUE_APP_AUTHOR = author || 'chuzhixin 1204505056@qq.com'
+process.env.VUE_APP_TITLE = title
+process.env.VUE_APP_AUTHOR = author
 process.env.VUE_APP_UPDATE_TIME = time
 process.env.VUE_APP_VERSION = version
 
@@ -38,7 +22,6 @@ module.exports = {
   publicPath,
   assetsDir,
   outputDir,
-  lintOnSave,
   transpileDependencies,
   devServer: {
     hot: true,
@@ -47,25 +30,20 @@ module.exports = {
     noInfo: false,
     overlay: {
       warnings: true,
-      errors: true,
-    },
+      errors: true
+    }
   },
-  configureWebpack() {
+  configureWebpack () {
     return {
       resolve: {
         alias: {
           '@': resolve('src'),
-        },
-      },
-      plugins: [
-        new Webpack.ProvidePlugin(providePlugin),
-        new WebpackBar({
-          name: webpackBarName,
-        }),
-      ],
+          styles: resolve('src/styles')
+        }
+      }
     }
   },
-  chainWebpack(config) {
+  chainWebpack (config) {
     config.plugins.delete('preload')
     config.plugins.delete('prefetch')
     config.module
@@ -93,10 +71,6 @@ module.exports = {
       .loader('svg-sprite-loader')
       .options({ symbolId: 'colorful-icon-[name]' })
       .end()
-
-    /*  config.when(process.env.NODE_ENV === "development", (config) => {
-      config.devtool("source-map");
-    }); */
     config.when(process.env.NODE_ENV !== 'development', (config) => {
       config.performance.set('hints', false)
       config.devtool('none')
@@ -107,54 +81,21 @@ module.exports = {
             name: 'chunk-libs',
             test: /[\\/]node_modules[\\/]/,
             priority: 10,
-            chunks: 'initial',
+            chunks: 'initial'
           },
           elementUI: {
             name: 'chunk-elementUI',
             priority: 20,
-            test: /[\\/]node_modules[\\/]_?element-ui(.*)/,
+            test: /[\\/]node_modules[\\/]_?element-ui(.*)/
           },
           fortawesome: {
             name: 'chunk-fortawesome',
             priority: 20,
-            test: /[\\/]node_modules[\\/]_?@fortawesome(.*)/,
-          },
-        },
+            test: /[\\/]node_modules[\\/]_?@fortawesome(.*)/
+          }
+        }
       })
-      config
-        .plugin('banner')
-        .use(Webpack.BannerPlugin, [`${webpackBanner}${time}`])
-        .end()
-      config.module
-        .rule('images')
-        .use('image-webpack-loader')
-        .loader('image-webpack-loader')
-        .options({
-          bypassOnDebug: true,
-        })
-        .end()
     })
-
-    if (build7z) {
-      config.when(process.env.NODE_ENV === 'production', (config) => {
-        config
-          .plugin('fileManager')
-          .use(FileManagerPlugin, [
-            {
-              onEnd: {
-                delete: [`./${outputDir}/video`, `./${outputDir}/data`],
-                archive: [
-                  {
-                    source: `./${outputDir}`,
-                    destination: `./${outputDir}/${abbreviation}_${outputDir}_${date}.7z`,
-                  },
-                ],
-              },
-            },
-          ])
-          .end()
-      })
-    }
   },
   runtimeCompiler: true,
   productionSourceMap: false,
@@ -163,21 +104,17 @@ module.exports = {
     sourceMap: true,
     loaderOptions: {
       scss: {
-        /*sass-loader 8.0语法 */
-        //prependData: '@import "~@/styles/variables.scss";',
-
-        /*sass-loader 9.0写法，感谢github用户 shaonialife*/
-        additionalData(content, loaderContext) {
+        additionalData (content, loaderContext) {
           const { resourcePath, rootContext } = loaderContext
           const relativePath = path.relative(rootContext, resourcePath)
           if (
             relativePath.replace(/\\/g, '/') !== 'src/styles/variables.scss'
           ) {
-            return '@import "~@/styles/variables.scss";' + content
+            return '@import "~styles/variables.scss";' + content
           }
           return content
-        },
-      },
-    },
-  },
+        }
+      }
+    }
+  }
 }