首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
webpack
lzg9527
创建于2021-05-18
订阅专栏
webpack从入门到精通
等 15 人订阅
共8篇文章
创建于2021-05-18
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
你必须知道的webpack插件原理分析
在 webpack 中,专注于处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。它和 loader 有以下区别: loader 是一个转换器,将 A 文件进行编译成 B 文件,比如:将 A.less 转换为 A.css,单纯的文件转换过程。webpac…
webpack的异步加载原理及分包策略
webpack ensure 有人称它为异步加载,也有人称为代码切割,他其实就是将 js 模块给独立导出一个.js 文件,然后使用这个模块的时候,再创建一个 script 对象,加入到 document.head 对象中,浏览器会自动帮我们发起请求,去请求这个 js 文件,然后…
总结18个webpack插件,总会有你想要的!
何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。
从零构建到优化一个类似vue-cli的脚手架
想必大多数人在开发 vue 等 SPA 项目都时候都会直接用 vue-cli 等脚手架开发,一是方便省去了好多配置上的功夫,二是 vue-cli 毕竟是久经考验较为成熟的东西,遇到问题也能在网上找到相应解决方案。 但是,如果我们要更好地理解脚手架的配置及其构建打包的机制,我们就…
搭建一个vue-cli4+webpack移动端框架(开箱即用)
这是基于 vue-cli4 实现的移动端框架,其中包含项目常用的配置,组件封装及webpack优化方法,可供快速开发使用。 在一两年前,vue-cli3已经声驾到3.0+版本,但是由于旧项目一致习惯于vue-cli2的脚手架的使用,之前也写过一篇 搭建一个vue-cli的移动端…
2020年你不能不知道的webpack基本配置
需要引入十几个css和js文件,而且因为他们彼此间有着依赖关系,所以引入的顺序还不能乱。 传统的html+css+js开发方式不能不能很好地运用less/scss等css预处理器以及ES6+的高级语法。 代码复用性差,可维护性差。 此时就需要一个处理这些问题的工具,webpac…
总结几个webpack打包优化的方法
1.2 第三方组件和插件。按需加载需引入第三方组件 通过 include、exclude 来减少被处理的文件。 extension 配置之后可以不用在 require 或是 import 的时候加文件扩展名,会依次尝试添加扩展名进行匹配。 alias 通过配置别名可以加快 we…
从零开始构建一个webpack项目
新建一个空文件夹,用于创建项目,使用 npm init 命令创建一个 package.json 文件。 输入这个命令后,终端会问你一系列诸如项目名称,项目描述,作者等信息,也可以使用 npm init -y 这个命令来一次生成 package.json 文件,这样终端不会询问你…