Electron+Vue开发跨平台应用程序
官方文档
https://simulatedgreg.gitbooks.io/electron-vue/content/cn/
来一个Hello world
安装Electron+Vue
安装 vue-cli 和 脚手架样板代码
npm install -g vue-cli
vue init simulatedgreg/electron-vue my-project
# 安装依赖并运行你的程序
cd my-project
yarn # 或者 npm install
yarn run dev # 或者 npm run dev
此时你会看到
这个问题的解决方案如下:
修改.electron-vue\webpack.renderer.config.js
,具体修改区域为plugin
这个属性,在122行左右,需要在template属性和minify属性中间增加一段配置属性,具体代码如下:
templateParameters (compilation, assets, options) {
return {
compilation: compilation,
webpack: compilation.getStats().toJson(),
webpackConfig: compilation.options,
htmlWebpackPlugin: {
files: assets,
options: options
},
process,
};
},
以下是修改后plugin属性的比对:左侧是修改后的,右侧是原来的
再次运行
yarn run dev # 或者 npm run dev
此时你会看到
代表问题已经解决