module.exports = {
    publicPath: process.env.NODE_ENV === 'development' ? '/' : './',  //'./',
    outputDir: 'dist',
    configureWebpack: {
      resolve: {
        alias: {
          'assets': '@/assets',
          'common': '@/common',
          'components': '@/components',
          'network': '@/network',
          'views': '@/views',
          'plugins': '@/plugins',
        }
      },
    },
    devServer: {
      port: 9001
    },
    pluginOptions: { 
        // electronBuilder可以不用配置了，這是Vue CLI Plugin Electron Builder添加的才會(huì)需要
        electronBuilder: {
        }
    },
    chainWebpack: config => {
        config.module
        .rule('less')
        .oneOf('vue')
        .use('px2rem-loader')
        .loader('px2rem-loader')
        .before('postcss-loader') // this makes it work.
        .options({ remUnit: 16, remPrecision: 2 })  // remUnit：讓1rem對(duì)標(biāo)多少px
        .end()  //這里就是引用插件
    }
}

"main": "electron_main.js",
"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "newbuild": "electron-builder --win --x64",
    "start": "chcp 65001 && electron ."
},
"build": {
    "productName": "tomato",
    "directories": {
        "output": "electron_dist"
    },
    "asar": false
},

const electron = require('electron');
// 控制應(yīng)用生命周期的模塊。
const {app, ipcMain} = electron;
// 創(chuàng)建原生瀏覽器窗口的模塊。
const {BrowserWindow} = electron;
let mainWindow;
function createWindow() {
  // 創(chuàng)建瀏覽器窗口。
  mainWindow = new BrowserWindow({
    width: 480, 
    height: 670,
    webPreferences: {
      nodeIntegration: true, 
      contextIsolation: false
    }
  });
  // 加載應(yīng)用的 index.html。
  // mainWindow.loadURL(`file://${__dirname}/dist/index.html`);
  mainWindow.loadURL(`http://localhost:9001/`);
  // 啟用開發(fā)工具
  mainWindow.webContents.openDevTools();
}

// Electron 會(huì)在初始化后并準(zhǔn)備
app.on('ready', createWindow);
// 當(dāng)全部窗口關(guān)閉時(shí)退出。
app.on('window-all-closed', () => {
  // 否則絕大部分應(yīng)用及其菜單欄會(huì)保持激活。
  if (process.platform !== 'darwin') {
    app.quit();
  }
});
app.on('activate', () => {
  // 絕大部分應(yīng)用會(huì)重新創(chuàng)建一個(gè)窗口。
  if (mainWindow === null) {
    createWindow();
  }
});

taskList: [
    {
        name: '學(xué)習(xí)node',
        creatTime: '',
        duringTime: 10,
        startFlag: false,
        bgSrc: 'bg1.png',
        taskEndCount: 0, 
        taskId: 'adfa455a'
    },
]

absTipFlag: false,   // 添加任務(wù)彈窗
isRuning: false,  // 是否有任務(wù)正在進(jìn)行中
countdownTime: '',  //任務(wù)倒計(jì)時(shí)
taskbeginTime: '',  // 任務(wù)開始時(shí)間
taskendTime: '',   // 任務(wù)結(jié)束時(shí)間
taskduringTime: 0,  // 任務(wù)持續(xù)時(shí)間
curTask: null,   // 當(dāng)前正在進(jìn)行的任務(wù)
hasProcessTime: 0,  // 任務(wù)真正耗時(shí)

setInterval(()=>{
    this.currentTime();
    this.curTime = `${this.date.year}年${this.date.mounth}月${this.date.date}日 ${this.date.hour}:${this.date.minute}:${this.date.second}`;

    if (this.isRuning && this.taskduringTime > 0) {
        this.hasProcessTime++;
        this.taskduringTime--;
    }
}, 1000 )

// 通過(guò)window的消息通知告知任務(wù)結(jié)束
notification(){
    let options;
    if (this.hasProcessTime == this.curTask.duringTime * 60) {
        options = {
            body: `請(qǐng)休息一下吧，工作辛苦啦！`,
            icon: require('../../assets/img/icon1.png')
        }
        new Notification(`恭喜，你設(shè)置的 ${this.curTask.name} 已完成`, options);
    } else {
        options = {
            body: `任務(wù)尚未成功，期待下次重來(lái)`,
            icon: require('../../assets/img/icon2.png')
        }
        new Notification(`抱歉，您提前結(jié)束了工作`, options);
    }
}

const path = require('path')
const { readFile, writeFile } = require('./src/assets/fs/readFs')
// 監(jiān)聽(tīng)渲染進(jìn)程發(fā)來(lái)的消息
ipcMain.on('render-msg', async (event, arg) => {
  if (arg == '獲取番茄鐘') {
    let con = await readFile(path.join(__dirname, './public/static/tomato.json') ).then(r=>r).catch(err=>err)
    event.sender.send('tomato-list', con)
  }
})

// 保存數(shù)據(jù)
ipcMain.on('save-msg', async (event, arg) => {
  let con = await writeFile(path.join(__dirname, './public/static/tomato.json'), JSON.stringify(arg));
  console.log(con)
})

window.ipcRenderer.send('render-msg', '獲取番茄鐘')
window.ipcRenderer.on('tomato-list', (event, arg) => {
    try {
        // console.log(arg)
        this.taskList = JSON.parse(arg);
    } catch(e) {
        this.taskList = [];
    }
})

...
// 數(shù)據(jù)存入json中
window.ipcRenderer.send('save-msg', this.taskList);