沃梦达 / IT编程 / 前端开发 / 正文

electron-vue构建项目

1.安装vue脚手架2.0,3.0试过使用vue create simulatedgreg/electron-vue my-project不支持npm install -g vue-clivue init simulatedgreg/electron-vue my-project2.安装依赖cnpm install(npm install安装的时...

1.安装vue脚手架2.0,3.0试过使用vue create simulatedgreg/electron-vue my-project不支持

npm install -g vue-cli

vue init simulatedgreg/electron-vue my-project

2.安装依赖

cnpm install(npm install安装的时候比较慢)

3.试运行报错

网上查可能是node版本的问题,然后照着文章试了一下,附地址 https://blog.csdn.net/wenxuhonghe/article/details/108146788

4.解决方法

4(1)找到项目文件下 .electron-vue 文件夹,打开 webpack.renderer.config.js 和 webpack.web.config.js 两个脚本。

4(2)找到 plugins 的位置,加入如下代码

templateParameters(compilation, assets, options) {
        return {
            compilation: compilation,
            webpack: compilation.getStats().toJson(),
            webpackConfig: compilation.options,
            htmlWebpackPlugin: {
              files: assets,
              options: options
            },
            process,
        };
      },
5.运行成功

本文标题为:electron-vue构建项目