webpack
文章平均质量分 82
wenmin1987
这个作者很懒,什么都没留下…
展开
-
webpack基础--核心概念
核心概念(6个核心概念)Entry:入口,Webpack执行构建的第一步从Entry开始,可抽象成输入Module:模块,在Webpack里一切皆模块,一个模块对应一个文件,Webpack从配置的Entry开始递归的找出所有模块Chunk:代码块,一个Chunk有多个模块组合而成,用于代码合并和分割Loader:模块转换器,用于将模块的原内容按照需求转换成新内容Plugin:扩展插件,在Webpack构建流程中的特定时机注入扩展逻辑,来改变构建结果或做我们想要的事情Output:输原创 2020-09-13 23:32:47 · 186 阅读 · 0 评论 -
总结几个webpack打包优化的方法
为什么要优化打包?项目越做越大,依赖包越来越多,打包文件太大 单页面应用首页白屏时间长,用户体验差我们的目的减小打包后的文件大小 首页按需引入文件 优化 webpack 打包时间优化方式1、 按需加载1.1 路由组件按需加载const router = [ { path: '/index', component: resolve => require.ensure([], () => resolve(require('@/components/...转载 2020-06-30 09:54:41 · 12717 阅读 · 0 评论 -
webpack--总结18个webpack插件,总会有你想要的
何为插件(Plugin)?专注处理 webpack 在编译过程中的某个特定的任务的功能模块,可以称为插件。Plugin 是一个扩展器,它丰富了 webpack 本身,针对是 loader 结束后,webpack 打包的整个过程,它并不直接操作文件,而是基于事件机制工作,会监听 webpack 打包过程中的某些节点,执行广泛的任务。Plugin 的特点 是一个独立的模块 模块对外暴露一个 js 函数 函数的原型(prototype)上定义了一个注入compiler对象...转载 2020-06-29 09:30:38 · 541 阅读 · 0 评论 -
webpack基础实践--plugin loader babel
###1 webpack基础webpack安装步骤npminit-ynpmwebpackwebpack-cli-D###以上生成package.json和node_modules;增加src文件夹>index.js,设置package.json"scripts":{"build":"webpack--modedevelopm...原创 2020-05-05 23:22:52 · 293 阅读 · 0 评论