使用Vue CLI Plugin Electron Builder打包vue项目，项目中使用了iview,打包出来的css中引入的字体资源路径是绝对路径，导致electron应用中加载不到字体资源。
package.json如下：
{
"name": "oa-inner-dc",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"electron:build": "vue-cli-service electron:build",
"electron:serve": "vue-cli-service electron:serve",
"postinstall": "electron-builder install-app-deps",
"postuninstall": "electron-builder install-app-deps"
},
"main": "background.js",
"dependencies": {
"core-js": "^3.8.3",
"view-design": "^4.7.0",
"vue": "^2.6.14",
"vue-router": "^3.5.1",
"vuex": "^3.6.2"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-plugin-router": "~5.0.0",
"@vue/cli-plugin-vuex": "~5.0.0",
"@vue/cli-service": "~5.0.0",
"electron": "^13.0.0",
"electron-devtools-installer": "^3.1.0",
"vue-cli-plugin-electron-builder": "~2.1.1",
"vue-template-compiler": "^2.6.14"
}
}
vue.config.js如下：
module.exports = {
publicPath: "./",
assetsDir: './static',
productionSourceMap: false,
transpileDependencies: true,
pluginOptions: {
electronBuilder: {
nodeIntegration: true
}
}
}