vuecli4配置热更新失效或不能及时更新

时间:2021-5-8   作者:lininn   分类:   热度:105°    
时间:2021-5-8   分类:    热度:105  
官方文档; vue-cli-service serve 命令会启动一个开发服务器 (基于 webpack-dev-server ) 并附带开箱即用的模块热重载 (Hot-Module-Replacement)。 (我的问题好像是没安装,具体的自己再看看) webpack4.0需要手动配置开启热更新,默认没有开启 解决办法 一,安装依赖webpack-dev-server 根据自己的情况安装npm / cnpm npm install --save-dev webpack-dev-server&nbs...

阅读全文>>

升级bable 7+

时间:2021-5-7   作者:lininn   分类:   热度:82°    
时间:2021-5-7   分类:    热度:82  
升级babel 7,官方提供了一个工具babel-upgrade,对于已有的项目,只需要运行一行命令就可以升级到7版本以上了。 运行命令:npm babel-upgrade --write --install  安装出现如下提醒   请执行以下代码: npm install --save @babel/runtime-corejs2

阅读全文>>

通过babel配置使用可选链`?.`和双问号`??`

时间:2021-5-7   作者:lininn   分类:   热度:112°    
时间:2021-5-7   分类:    热度:112  
什么是可选链 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining 当访问多层对象属性(如o.a.b)时,如果属性a为空,则会报引用错误 为此我们不得不这么处理: const c = o.a && o.a.b ? o.a.b : undefined 有了可选链,就可以对一个为null或者undefined属性安全引用: const o = {} const tryA_B = o?.a?.b...

阅读全文>>

ElmentUI 设置禁止点击遮罩关闭 el-dialog 弹窗

时间:2021-4-27   作者:lininn   分类:   热度:140°    
时间:2021-4-27   分类:    热度:140  
el-dialog 弹窗初始化默认点击弹窗组件以外区域(遮罩)会导致该组件关闭 方法一:(局部控制) 修改 close-on-click-modal 属性改为 false 可以禁止点击遮罩关闭弹窗(默认是true) 注:在使用 close-on-click-modal 属性时,必须在该属性前加冒号 " : " 方法二:(局部控制) 添加 before-close 属性,在 dialog 关闭时,让用户进行确认是否需要关闭 handleClose(done) {     this.$confirm('确认关闭?').then(_ =>...

阅读全文>>

使用vuex-persistedstate,配置是否缓存数据

时间:2021-4-8   作者:lininn   分类:   热度:107°    
时间:2021-4-8   分类:    热度:107  
import Vue from 'vue'; import Vuex from 'vuex'; import app from './module/app'; import exchange from './module/exchange'; import user from './module/user'; import header from './module/header'; import gbbo from './module/gbbo'; import createPersistedState from 'vuex-persistedstate'; Vue.us...

阅读全文>>

如何嵌入youtube视频并自动播放

时间:2021-3-18   作者:lininn   分类:   热度:119°    
时间:2021-3-18   分类:    热度:119  
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/id?enablejsapi=1&autoplay=1&loop=1&playlist=id" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" ...

阅读全文>>

iview书写多级菜单 menu

时间:2021-3-17   作者:lininn   分类:   热度:136°    
时间:2021-3-17   分类:    热度:136  
新建menu组件: <template> <div> <Menu @on-select='tabopen'> <MenuItems :menu='menu'></MenuItems> </Menu> </div> </template> <script> import MenuItems from './menuItem' export default { name:'Menus', ...

阅读全文>>

配置个简单的wepack4项目

时间:2021-3-5   作者:lininn   分类:   热度:150°    
时间:2021-3-5   分类:    热度:150  
npm -y init  记录配置,可根据个人需求新增活减少功能 新建webpack.config.js文件 const path = require('path'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const MiniCssExtractPlugin = require('mini-css-extract-plugin'); const { CleanWebpackPlugin } = require('clean-webpack-plugin')...

阅读全文>>

webpack4将ES6转化成ES5如何配置

时间:2021-3-3   作者:lininn   分类:   热度:144°    
时间:2021-3-3   分类:    热度:144  
1、安装如下模块(webpack 4.x | babel-loader 8.x | babel 7.x)        npm i -D babel-loader @babel/core @babel/preset-env        或者安装如下模块(webpack 4.x | babel-loader 8.x | babel 7.x) npm i -D babel-loader@7 babel-core babel-preset-env 2、在webpack.config.js中写如下配置 ...

阅读全文>>

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn