子窗口 2.x modal为true let messageRightMenu = new BrowserWindow({// height: 170,// width: 70,useContentSize: true,frame: false,resizable: false,parent: this.mainWindow,modal: true, // 就是这个,在4.x要设置为false,然后点其实地方才能监听失去焦点show: false})4.x后 modal要设置为 falselet messageRightMenu = new BrowserWindow({// height: 170,// width: 70,useContentSize: true,frame: false,resizable: fa...
随着项目的页面越来越多体积越来越大，dev构建速度和pro打包速度越来越慢，然后就抽时间对项目进行了webpack升级来提升一下速度 升级过程中遇到了很多的坑，基本都是plugin和loader升级后的一些用法问题，花了一个晚上和一个上午时间，过程很痛苦，但是看到 速度的大幅度提示，还是很开心的 先上图看一下对比效果 webpack3 dev构建 webpack3 pro打包 webpack5 dev构建 提升60% webpack5 pro 构建 提升23% 看的处理效果还是很不错的...
这次给大家带来vue cli升级webpack4步骤详解，vue cli升级webpack4的注意事项有哪些，下面就是实战案例，一起来看一下。webpack4 released 已经有一段时间了，插件系统趋于平稳，适逢对webpack3的打包速度很不满意，因此决定将当前在做的项目进行升级，正好也实践一下webpack4。新特性0配置应该是parcel出来以后，webpack团队意识到其配置确实有点复杂，不太容易上手。so, webapck4 开始支持0配置启动。不过，万变不离其宗，webpac...
这次给大家带来vue cli如何升级webapck4，vue cli升级webapck4的注意事项有哪些，下面就是实战案例，一起来看一下。webpack4 released 已经有一段时间了，插件系统趋于平稳，适逢对webpack3的打包速度很不满意，因此决定将当前在做的项目进行升级，正好也实践一下webpack4。新特性0配置应该是parcel出来以后，webpack团队意识到其配置确实有点复杂，不太容易上手。so, webapck4 开始支持0配置启动。不过，万变不离其宗，webpack4的...
这次给大家带来vue-cli 3.0.x升级到webpack4后有哪些新特性，vue-cli 3.0.x升级到webpack4后有的注意事项有哪些，下面就是实战案例，一起来看一下。最近项目正在优化。乘着有时间看了一下 vue-cli3.0.x 使用 。感觉还蛮不错的。 因为之前项目使用的 vue-cli 2 创建的，强行使用 eslint让我们很难受，一些与项目无关的 “build” 和 “config” ，让人看着就有一些不爽 。由于公司环境比较多，需要测试环境的配置。增加了 “”tt”...
这次给大家带来vue cli升级webapck4的使用方法，使用vue cli升级webapck4的注意事项有哪些，下面就是实战案例，一起来看一下。webpack4 released 已经有一段时间了，插件系统趋于平稳，适逢对webpack3的打包速度很不满意，因此决定将当前在做的项目进行升级，正好也实践一下webpack4。新特性0配置应该是parcel出来以后，webpack团队意识到其配置确实有点复杂，不太容易上手。so, webapck4 开始支持0配置启动。不过，万变不离其宗，...
以下备忘升级至 Vue CLI 3.x 版本后，将项目目录改为新结构时所需做的一些改动。 1. 卸载与安装 npm uninstall vue-cli -g npm install -g @vue/cli注：若要使用 Vue CLI 3，需将 Node 版本升级至 8.9 及以上。 当使用 nvm 管理 node 版本时，可以使用如下方式切换至需求的 Node 版本： # 安装 >= 8.9 的某个版本 nvm install 8.12.0# 在当前 session 中使用该版本 nvm use 8.12.0# 设置默认的 Node 版本 nvm alias default 8.12.0...
前段时间，泡面将自己的一个Vue-cli构建的前端框架从webpack3.x升级到了4.x版本，现在才拉出来记录一下，已备忘之用，也和大家分享一下，以免大家采坑。原先的环境 项目原先通过Vue-cli 2.9.3 版本构建，原先使用的webpack 3.x版本首先需要对基础包进行更新(package.json)webpack 更新到4.x版本，泡面这里更新到了4.28.3更新webpack-dev-server，泡面更新到了3.1.14版本,安装webpack-cli，泡面安装的是3.2.1版本除了上面的这几个，...
一. 原以为升级vue-cli3的路线是这样的： 创建vue-cli3项目，按原有项目的配置选好各项配置迁移目录 src->src static->public对比新旧 package.json ，然后 yarn install ，完毕。然鹅... 运行项目，报错 You are using the runtime-only build of Vue...... ： 然后去查了下旧项目的相关字眼文件：噢，原来是vue-cli3的webpack相关文件都得自己写。于是乎根据官网的指引，在根目录创建了 vue.config.js 此时粗略配置：chainWebp...
使用 Vue 构建的项目，一个页面是由多个组件构成的，而且经常是做成单页面应用，所以在跳转页面的时候，传统的 href 已经跟不上时代的步伐了，于是 vue-router 应运而生 在使用 vue-router 的时候，需要看看自己是否装了这个依赖，没有的话可以使用 npm install vue-router -S ，不过现在构建vue项目时有可以选择是否安装 vue-router，大家注意一下就行了 一、路由的配置 自动安装的vue-router，会在src 文件夹下有个一个 router -...
前面的话本文将详细介绍从webpack3到webpack4的升级过程 概述相比于webpack3，webpack4可以零配置运行，打包速度比之前提高了90%，可以直接到ES6的代码进行无用代码剔除，新增的optimization使用简单 在未来，CSS、HTMl和文件都会成为原生模块 【0配置】 webpack4 设置了默认值，以便无配置启动项目 entry 默认值是 ./src/output.path 默认值是 ./distmode 默认值是 production【模块类型】 webpack4提供了5种模块类型 json: 可通过...
webpack4 released 已经有一段时间了，插件系统趋于平稳，适逢对webpack3的打包速度很不满意，因此决定将当前在做的项目进行升级，正好也实践一下webpack4。新特性0配置 应该是parcel出来以后，webpack团队意识到其配置确实有点复杂，不太容易上手。so, webapck4 开始支持0配置启动。不过，万变不离其宗，webpack4的0配置也只是支持了默认entry 和 output而已，即默认entry为./src,默认output为/dist。 模式选择mode mode有两个可选...
前言 由于 webpack3升级后，新增了 Scope Hositing（作用域提升） 功能，据说是对 js的性能提升很大。因此，我们做了一个测试对比，就是 webpack3和 webpack1/2 的性能对比，如下： 测试目标 以下数据是2天随机时段3部手机各2组数据，每组数据都是30次取平均值，为了测试js的解析能力，排除了网络请求的影响 平台：M5 Note Build/MRA58K系统：android 6.0时间beforeafter2017-08-10 13:009205112017-08-11 11:10915543 平均提升：4...
一大早起来，突然发现我以前一个vue项目运行不起了，直面直接报错： 运行脚本报错： 各种百度、google，大多数都说重新下载node-sass，遗憾的是每一种方法可行。 于是我逐步排查，发现昨天我使用了vue create命令创建项目，于是我豁然开朗，我的vue-cli被升级了！！！ 那怎么办，难道我以前用vue init创建的使用vue-cli2.x的项目无法用了？于是我去查看了官网文档，果然有兼容办法： 1、npm install -g @vue/cli-init 安装一个桥...
JavaScript 数据劫持——观察数据的变化 & Vue 3 会升级使用 Proxy数据劫持？ Observer 数据观察 数据拦截器如何实现修改一个对象成员就修改了DOM？ const data = {message: 'Hello World' }// 监视 data.message 的改变 // watch('data.message', () => { // dom.xxx = xxx // })data.message = 'hello'// data.message = xxx 不仅仅对数据进行了修改，还操作了 DOM// 答案是：JavaScript 数据劫持，或者说是 JavaScript 对象属...