webpack
Shopee_Rex
学习ing
展开
-
引入codemirror时报错,webpack中resolve.extensions配置产生的问题
问题在引入codemirror的时候,找不到对应的CodeMirror对应的函数。原因在于在CodeMirror库中lib的CodeMirror文件有2个,相同的名字。举个例子,在CodeMirror/mode/javascript下的任一个js文件,都是报错的。这里引入了lib/CodeMirror,分析了下,是传入的CodeMirror缺失了对应的方法我们输出JS文件引入的情况。发现了如果没有指名后缀的话,无法找到正确的文件。这个导致的原因是lib文件夹下存在2个相同名字的文件。原创 2020-08-31 14:01:17 · 3050 阅读 · 4 评论 -
使用worker-loader在vue中使用worker,并且兼容ie11
worker多线程可以让网页进行大量数据处理的时候,避免UI渲染阻塞。我这次使用woker来进行数据的预先获取数据并且处理由于数据预计会比较多,如果一次性获取的话,UI渲染就会阻塞,导致用户体验下降。案例MDN上介绍以及非常详细由于woker不支持file路径,所以一般都是讲文件布置到服务器生成一个url,但是在开发过程中这样太不方便了,所以webpack上有一个loader:work...原创 2020-01-06 18:00:10 · 10284 阅读 · 2 评论 -
前端快速搭建mockjs使用,并实现自动化
Mockjs介绍官网介绍模拟随机数据,拦截ajax场景需求:由于VUE的前后端开发耦合分离,所以前端拿到接口文档后,就可以进行开发。但是开发过程的时候,前端如果能够有一个测试请求数据的后台的话,那可以大大降低后面的前后端对接的工作量。如果让后台开发者去做,无疑是给他们增加工作量,一般都是不愿意的。即使愿意也会影响感情。那这些工作只能让前端开发人员自己去实现一个。全靠nodejs这...原创 2019-12-26 14:22:35 · 1969 阅读 · 4 评论 -
Buffer() is deprecated due to security and usability issues.webpack 报错
问题描述:有时候打包的时候会不时地报错Buffer() is deprecated due to security and usability issues. Please use the Buffer.alloc(), Buffer.allocUnsafe(), or Buffer.from() methods instead.看了下webpack的文件,发现了问题。由于使用了new ...原创 2019-12-25 11:47:33 · 7370 阅读 · 3 评论 -
webpack新手快速上手篇
文章目录最简单的例子多入口文件Loader插件PLUGINS环境变量最简单的例子// main.jsdocument.write('<h1>Hello World</h1>');配置文件webpack.config.jsmodule.exports = { entry: { bundle1: './main1.js' }, output: {...原创 2019-09-16 20:11:29 · 194 阅读 · 1 评论