feat: electron supported

vue.config.js

@@ -27,7 +27,7 @@ module.exports = {
       template: "public/index.html",
       filename: "index.html",
       title: "YesPlayMusic",
-      chunks: ["chunk-vendors", "chunk-common", "index"],
+      chunks: ["main", "chunk-vendors", "chunk-common", "index"],
     },
   },
   chainWebpack(config) {
@@ -45,4 +45,73 @@ module.exports = {
       })
       .end();
   },
+  // 添加插件的配置
+  pluginOptions: {
+    // electron-builder的配置文件
+    electronBuilder: {
+      builderOptions: {
+        // files: [
+        //   {
+        //     'filter': ['**/*']
+        //   }
+        // ],
+        // extraFiles: ['./extensions/'],
+        // 应用名称
+        productName: 'Yes Play Music',
+        // 版权
+        copyright: 'Copyright © YesPlayMusic',
+        compression: "maximum",
+        // 是否打包加密
+        asar: true,
+        // // 项目打包生成的文件目录
+        // directories: {
+        //   output: 'build'
+        // },
+        // window的icon头标
+        win: {
+          icon: 'public/favicon.ico'
+        },
+        // 是否静默安装
+        nsis: {
+          oneClick: false,
+          allowToChangeInstallationDirectory: true
+        }
+      },
+      // chainWebpackMainProcess: config => {
+        // config.module
+        //   .rule('babel')
+        //   .test(/\*.js$/)
+        //   .use('babel')
+        //   .loader('babel-loader')
+        //   .options({
+        //     presets: [['@babel/preset-env', '@vue/cli-plugin-babel/preset', { modules: false }]],
+        //     plugins: ['@babel/plugin-proposal-class-properties']
+        //   })
+      // },
+      // 渲染线程的配置文件
+      // chainWebpackRendererProcess: config => {
+      //   // 渲染线程的一些其他配置
+      //   // Chain webpack config for electron renderer process only
+      //   // The following example will set IS_ELECTRON to true in your app
+      //   config.plugin('define').tap((args) => {
+      //     args[0]['IS_ELECTRON'] = true
+      //     return args
+      //   })
+      // },
+      // 主入口文件
+      // mainProcessFile: 'src/main.js',
+      // mainProcessWatch: [],
+      // mainProcessArgs: []
+    }
+  },
+  // 打包时不生成.map文件，减少体积，加快速度如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。
+  productionSourceMap: false,
+  // 放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) 目录。
+  assetsDir: 'src/renderer/static',
+  // 跨域配置
+  devServer: {
+    disableHostCheck: true
+  },
+  // css 样式
+  css: {}
 };