# vue-cli-plugin-electron-env

**Repository Path**: gitfuck99/vue-cli-plugin-electron-env

## Basic Information

- **Project Name**: vue-cli-plugin-electron-env
- **Description**: 基于@vue/cli脚手架，开发Electron的插件。一键运行、打包
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-11-01
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 基于@vue/cli3的Electron开发环境插件

安装插件

```bash
vue add electron-env
```

使用

```bash
# 启动开发环境
yarn ele_dev
# or
npm run ele_dev

# 打包APP
yarn ele_build
# or
npm run ele_build

# 清除 electron 成品
yarn ele_clean
# or
npm run ele_build
```

基础配置

```javascript
// vue.config.js
module.exports = {
  // ...
  pluginOptions: {
    // `electron-env` 插件配置
    electronEnvOpts: {
      srcDir: "src-electron", // 主进程代码根路径
      outputDir: "dist_electron", // 构建输出
      builderOutputDir: "dist_app", // electron-builder编译路径
      mainWebpacks: {
        main: {
          src: "path/to/src/js", // [srcDir]/*
          out: ".", // [outputDir]/*
          filename: "[name].electron.js"
        }
        // ... 多编译主进程文件
      },
      mainFileChangeWatchs: "*", // 监听文件变动 [srcDir]/**
      // 依赖打包配置，默认全部生产依赖 dependencies 都不打包
      externals: {},
    }
    // ...
  }
  // ...
}
```

> electron-builder 配置参考，[传送门](https://www.electron.build/configuration/configuration)

Document