随笔分类 -  webpack

摘要:想要知道 Webpack 打包原理的我们需要提前知道两个知识点 1、什么是 require? 说到 require 首先想到的可能就是 import,import 是 es6 的一个语法标准, ​ – require 是运行时调用,因此 require 理论上可以运用在代码的任何地方; ​ – im 阅读全文
posted @ 2021-11-22 11:01 苍青浪 阅读(456) 评论(0) 推荐(0) 编辑
摘要:Opt-in 首先,要注意的是默认情况下不会启用持久化缓存。你可以自行选择启用。 为何如此?webpack 旨在注重构建安全而非性能。我们没有打算默认启用这一功能,主要原因在于此功能虽然有 95% 几率提升性能,但仍有 5% 的几率中断你的应用程序/工作流/构建。 这可能听起来很糟,但相信我它并非如 阅读全文
posted @ 2021-03-09 09:22 苍青浪 阅读(1292) 评论(0) 推荐(0) 编辑
摘要:CDN劫持的表现形式之前总说https的安全的。如果你遇到这么一个场景:网站是https的,cdn也是https,但是用户还是看到广告,或者直接唤起其他app等更加恶心的操作。 这个时候你可以考虑下自己是否遭到了CDN劫持。 劫持方非常狡猾,每天每个用户只劫持一次,或者只会在固定时间段劫持,非常难以 阅读全文
posted @ 2020-06-30 09:49 苍青浪 阅读(665) 评论(0) 推荐(0) 编辑
摘要:1 Tapable简介 webpack本质上是一种事件流的机制,它的工作流程就是将各个插件串联起来,而实现这一切的核心就是Tapable,webpack中最核心的负责编译的Compiler和负责创建bundles的Compilation都是Tapable的实例。本文主要介绍一下Tapable中的钩子 阅读全文
posted @ 2019-07-31 21:40 苍青浪 阅读(333) 评论(0) 推荐(0) 编辑
摘要:原文出自:https://www.pandashen.com 前言 Webpack 是一个现代 JavaScript 应用程序的静态模块打包器,是对前端项目实现自动化和优化必不可少的工具,Webpack 的 loader(加载器)和 plugin(插件)是由 Webpack 开发者和社区开发者共同贡 阅读全文
posted @ 2019-07-31 20:42 苍青浪 阅读(431) 评论(0) 推荐(0) 编辑
摘要:插件向第三方开发者提供了 webpack 引擎中完整的能力。使用阶段式的构建回调,开发者可以引入它们自己的行为到 webpack 构建流程中。创建插件比创建 loader 更加高级,因为你将需要理解一些 webpack 底层的内部特性来做相应的钩子,所以做好阅读一些源码的准备! 创建插件 webpa 阅读全文
posted @ 2019-07-29 20:17 苍青浪 阅读(420) 评论(0) 推荐(0) 编辑
摘要:loader loader 是导出为一个函数的 node 模块。该函数在 loader 转换资源的时候调用。给定的函数将调用 loader API,并通过 this 上下文访问。 loader配置 { test: /\.js$/ use: [ { loader: path.resolve('path 阅读全文
posted @ 2019-07-08 10:04 苍青浪 阅读(1035) 评论(0) 推荐(0) 编辑
摘要:在工程化地使用webpack时,公共代码抽离是不可或缺的,4.x版本之后,commonsChunkPlugin已经被去掉,splitChunksPlugins登上舞台,并且优化了很多配置选项,集体课件官方文档,这里不做过多说明。 在使用splitChunksPlugins之前,首先要知道splitC 阅读全文
posted @ 2019-04-30 15:59 苍青浪 阅读(2396) 评论(0) 推荐(0) 编辑
摘要:Output output 配置如何输出最终想要的代码。 output 是一个 object ,里面包含一系列配置项,下面分别介绍它们。 filename output.filename 配置输出文件的名称,为string 类型。 如果只有一个输出文件,则可以把它写成静态不变的: filename: 阅读全文
posted @ 2019-04-04 16:08 苍青浪 阅读(631) 评论(0) 推荐(0) 编辑
摘要:使用webpack引入sass/less全局变量 sass或者less都提供变量设置,在需求切换主题的项目中使用less或者sass变量,只要修改变量值,编译后所有用到该变量的样式都会被修改为你想要的效果,但是在vue-cli搭建的项目中,在main.js中全局引入一个scss文件,在其中定义变量在 阅读全文
posted @ 2019-03-21 17:32 苍青浪 阅读(15476) 评论(1) 推荐(1) 编辑
摘要:webpack异步加载的原理 webpack ensure相信大家都听过。有人称它为异步加载,也有人说做代码切割,那这 个家伙到底是用来干嘛的?其实说白了,它就是把js模块给独立导出一个.js文件的,然后使用这个 模块的时候,webpack会构造script dom元素,由浏览器发起异步请求这个js 阅读全文
posted @ 2019-01-07 21:48 苍青浪 阅读(5655) 评论(0) 推荐(0) 编辑
摘要:extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象;首先我先来介绍下这个插件的安装方法: npm install extract-text-webpack-plugin --save-dev 首先进入项目的根目录, 阅读全文
posted @ 2018-11-12 21:22 苍青浪 阅读(1443) 评论(0) 推荐(0) 编辑
摘要:为什么要使用proxyTable 很简单,两个字,跨域。 在平时项目的开发环境中,经常会遇到跨域的问题,尤其是使用vue-cli这种脚手架工具开发时,由于项目本身启动本地服务是需要占用一个端口的,所以必然会产生跨域的问题。当然跨域有多种解决方式,这里就不一一例举,下次弄篇文章单独讲,在使用webpa 阅读全文
posted @ 2018-11-12 21:16 苍青浪 阅读(845) 评论(0) 推荐(0) 编辑
摘要:打包工具的角色 所谓打包工具在web开发中主要解决的问题是: (1)文件依赖管理。毕竟现在都是模块化开发,打包工具首先就是要梳理文件之间的依赖关系。 (2)资源加载管理。web本质就是html、js和css的文件组合,文件的加载顺序(先后时机)和文件的加载数量(合并、嵌入、拆分)也是打包工具重点要解 阅读全文
posted @ 2018-06-22 18:32 苍青浪 阅读(214) 评论(0) 推荐(0) 编辑
摘要:一开始在接触webpack 的时候,简直痛不欲生,现在回头看,做个注释,当然参考了很多文章。这是一个关于vue 开发的webpack 架构会列举出来webpack 系列教程Webpack——令人困惑的地方Express结合Webpack的全栈自动刷新Webpack傻瓜式指南(一)Webpack资源总 阅读全文
posted @ 2018-05-30 16:31 苍青浪 阅读(501) 评论(0) 推荐(0) 编辑
摘要:Webpack插件为第三方开发者释放了Webpack的最大可能性。利用多级回调开发者可以把他们自己的需要的功能引入到Webpack里面来。Build插件比Build loader 更进一步。因为你需要理解Webpack底层的东西。要有月底源代码的准备。 Compiler 和 Compilation 阅读全文
posted @ 2018-05-19 11:15 苍青浪 阅读(422) 评论(0) 推荐(0) 编辑
摘要:部署前端之前,开发者通常会对代码进行打包压缩,这样可以减少代码大小,从而有效提高访问速度。然而,压缩代码的报错信息是很难Debug的,因为它的行号和列号已经失真。这时就需要Source Map来还原真实的出错位置了。 为啥变换代码? 前端代码越来越复杂的情况下,开发者通常会使用webpack、Ugl 阅读全文
posted @ 2018-05-14 21:36 苍青浪 阅读(292) 评论(0) 推荐(0) 编辑
摘要:众所周知,webpack进入第4个大版本已经有2个月的时间了,而且webpack团队升级更新的速度也是非常的惊人 在写下如下内容的时候webpack已经出到了4.6的版本了,剑指5.0应该是指日可待了,当然这些都是个人的臆想,并不代表任何意见 既然我们已经迎接了webpack4的到来了,那么就一起来 阅读全文
posted @ 2018-04-27 21:07 苍青浪 阅读(23290) 评论(1) 推荐(2) 编辑
摘要:阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpack感兴 阅读全文
posted @ 2018-04-04 09:38 苍青浪 阅读(864) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示
哥伦布
03:14发布
哥伦布
03:14发布
7°
多云
西南风
3级
空气质量
相对湿度
64%
今天
多云
-1°/10°
周三
小雨
2°/12°
周四
中雨
2°/14°