electron 开发问题

electron: element-ui表格渲染失败

const originHref = "原文链接: https://blog.csdn.net/qq_17285877/article/details/96095936#_6";

const reason = "外部组件或者提供原始 *.vue 的 UI 库，应该加入到白名单，以使 vue-loader 能编译它们。";

const solve = {
  step1: "打开 .electron-vue 目录下的 webpack.renderer.config.js 文件",
  step2: "搜索 whiteListedModules",
  step3: "将 element-ui 加入白名单：let whiteListedModules = ['vue', 'element-ui'];"
}

electron: 提示electron安装错误

# 先删除 node_modules 里的 electron 包

# 设置淘宝镜像安装依赖
npm install -g nrm
nrm use taobao

# 设置环境变量
ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/ npm install

# 重新安装依赖
npm i

electron-builder: 打包报错

# 报错信息：
exited with code ERR_ELECTRON_BUILDER_CANNOT_EXECUTE

# 解决方案：
set ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/
set SELENIUM_CDNURL=http://npm.taobao.org/mirrorss/selenium
set CHROMEDRIVER_CDNURL=https://npm.taobao.org/mirrors/chromedriver
set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/

electron-packager: 网络问题打包失败

# 设置Electron的镜像源为淘宝的再build
# macOS
export ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"

# Windows
set ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"

webpack: Cannot find module 'webpack'

npm install webpack
npm install webpack-dev-server
npm install --save-dev webpack-cli

vue-cli-service: command not found

# mac环境下
sudo rm -rf node_modules package-lock.json && npm install

vue-cli-service: element-ui 按需加载

element-ui 官网快速入门

vue-cli 3.0按需引入element-ui babel.config.js配置

vue-cli-service: chunk-vendors.js 文件太大

发布前端项目时因chunk-vendors过大导致首屏加载太慢，Vue Build时chunk-vendors的优化方案

提高首屏页面加载速度，解决vue-cli打包后单个文件过大的问题