![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
webpack
webpack
门门men
玩命敲码中
展开
-
加载大量数据,出现卡钝或白屏现象
在以前公司开发的时候,有过开发表格的经历,表格呢我们一般使用element-Ui,element-Ui这个表格它其实有一个致命的缺点,它会出现加载大量数据,会卡顿的现象,就是它会出现一个白屏。如何解决它的卡顿现象:加载大量数据一直是个历史性难题,一般情况下在做:报表,所有的表跟数据加载到一个里面了,以表格加载数据过大问题,它就会出现卡顿现象。其中有很多方案,例如:利用C3里的一些特性,让它在加载表格的时候,它不先加载这些东西,在向下拉的时候在去加载;虚拟渲染:它会让你感觉把所有数据加载完了,但实原创 2021-03-04 16:27:04 · 1702 阅读 · 2 评论 -
vue.esm.js:628 [Vue warn]: Unknown custom element: <SlideBar> - did you register the component corre
vue.esm.js:628 [Vue warn]: Unknown custom element: - did you register the component correctly问题根源注册组件时注册反了;应先新建VUE实例再注册组件是,调转一下顺序即可解决原创 2021-03-02 16:37:56 · 1832 阅读 · 0 评论 -
history模式刷新404;vue.esm.js:628 [Vue warn]: Cannot find element: #app
history模式刷新404的问题:就是它向服务器发送请求了当我搭建路由的时候,使用hash的时候非常友好,为什么,使用history路由的时候会报错;这里如果是history的话它会做一件事情;当我们访问接口,或者访问路由的话,就是我们的浏览器会向后端发送一个请求,而后端没有这个接口,会导致当前地址没找到,一旦没找到地址屏幕会显示空白。所以说它默认会把main当成服务器接口的地址请求。怎么让它不按照接口的方式请求,默认是按照路由里面去找,去webpack.dev.js里面找一个devSer原创 2021-03-02 16:05:18 · 257 阅读 · 0 评论 -
webpack线上和线下请求地址有什么不同?
不知道小伙伴们面试的时候有没有被问到过:线上和线下请求地址又什么不同?或者是,你开发的时候请求地址是线上测试还是线下测试???区别就在于它们的代理地址。线下测试127.0.0.1就是线下测试也就是本地测试;再有呢也可以就是你们公司的局域网:192.168.1.123(这个呢是你们公司局域网的IP),这是线下测试;线上测试就是,你代理的地址不就是IP地址了,有可能是一个远程地址,长得像118.89.234.135这样,有可能还会是一个域名。这些属于线上测试;当然真正开发的时候真正上线的时候肯定是原创 2021-03-01 17:03:35 · 536 阅读 · 0 评论 -
webpack拆分webpack.config.js文件
webpack可以分成3个文件:production:生产环境development:开发环境base:公共都有的创建build文件:build里面会分为3个配置文件:拆分文件需要用到:npm i webpack-merge -D包(合并webpack配置,合并对象)webpack.base.js文件:// 所有的文件都要基于的文件let HtmlWebpackPlugin = require('html-webpack-plugin')let path = require('原创 2021-02-28 17:10:41 · 325 阅读 · 0 评论 -
webpack打包之后如何实现客户端的实时更新?
webpack打包之后如何去实现客户端的实时更新?客户端实时更新就是它不在是从缓存里面获取。在webpack配置文件里面,有一个出口文件,在出口文件path后面加[hash]hash后面加的:8或者是:9是hash的截取...原创 2021-02-28 15:41:21 · 319 阅读 · 0 评论 -
使用webpack搭建vue项目
webpack是打包工具vue/react都是基于webpack进行打包的,现在来讲webpack是最主流的打包工具。接下来我们使用webpack搭建一个vue项目。去vue官网借鉴Vue Loader :https://vue-loader.vuejs.org/zh/webpack中所有的loader都是去处理不同后缀名的文件的。起步创建文件夹,下载基本loadernpm i webpack webpack-dev-server webpack-cli@3.3 vue-loader v原创 2021-02-26 18:25:27 · 778 阅读 · 0 评论 -
webpack报错:Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
Error: Cannot find module ‘webpack-cli/bin/config-yargs’报错原因:版本差异造成的npm uninstall webpack-clinpm install webpack-cli webpack-cli@3.3 -D再次启动 搞定原创 2021-02-25 18:28:44 · 138 阅读 · 0 评论