![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 69
蜗牛与藤曼
天天想要转行的秃头码农
展开
-
webpack学习
一、基础1.1 优点 1.默认支持多种模块标准,包括AMD,CommonJS,ES6 Model 2.有完备的代码分割(code splitting)解决方案,分割打包后的资源,只加载必要部分 3.可以处理各种类型资源(js文件,样式,图片等) 4.庞大的社区支持1.2 基本用法方式一:最基本的命令行 — 在控制台输入即可打包npx webpack --entry=./index.js --output-filename=bundle.js --mode=development方式原创 2021-09-10 16:56:55 · 111 阅读 · 0 评论 -
webpack面试题
1.有哪些常见的 loader?他们能解决什么问题?2.webpack 的构建流程是什么? 从读取配置到输出文件的整个过程。3.是否写过 loader 和 Plugin ?描述一下编写 loader 或 Plugin 的思路?4.webpack 的热更新是如何做到的?说明其原理?5.如何利用 webpack 来优化前端性能?(提高性能和体验)...原创 2021-07-05 10:41:45 · 104 阅读 · 0 评论 -
webpack开发环境和生产环境的配置区别
1.定义:开发环境:开发人员调试开发的一种环境: 方便调试,保持高效的开发生产环境:发布上线的环境: 让程序在生产环境中正常有效的运行开发环境的需求: 模块热更新 (本地开启服务,实时更新) sourceMap (代码映射,方便打包调试) 接口代理 (配置proxyTable解决开发环境中的跨域问题) 代码规范检查 (代码规范检查工具)生产环境的需求: 提取公共代码 压缩混淆(压缩混淆代码,清除代码空格,注释等信息使其变得原创 2021-05-27 17:17:55 · 3304 阅读 · 2 评论