YesPlayMusic/vue.config.js

const path = require("path");
function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  devServer: {
    disableHostCheck: true,
    port: process.env.DEV_SERVER_PORT || 8080
  },
  pwa: {
    name: "YesPlayMusic",
    iconPaths: {
      favicon32: "img/icons/favicon-32x32.png",
    },
    themeColor: "#ffffff00",
    manifestOptions: {
      background_color: "#335eea",
    },
    // workboxOptions: {
    //   swSrc: "dev/sw.js",
    // },
  },
  pages: {
    index: {
      entry: "src/main.js",
      template: "public/index.html",
      filename: "index.html",
      title: "YesPlayMusic",
      chunks: ["main", "chunk-vendors", "chunk-common", "index"],
    },
  },
  chainWebpack(config) {
    config.module.rules.delete("svg");
    config.module.rule("svg").exclude.add(resolve("src/assets/icons")).end();
    config.module
      .rule("icons")
      .test(/\.svg$/)
      .include.add(resolve("src/assets/icons"))
      .end()
      .use("svg-sprite-loader")
      .loader("svg-sprite-loader")
      .options({
        symbolId: "icon-[name]",
      })
      .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: {}
};