webpack
文章平均质量分 54
木有是我
这个作者很懒,什么都没留下…
展开
-
webpack配置polyfill 按需引入配置踩坑记录
文章目录polyfill 按需导入ES6语法转换 polyfill 按需导入 ES6语法转换 1、我们在webpack打包得过程中都会遇到ES6语法转ES5的问题,而ES6转ES5分为两部分,一部分是let、箭头函数等语法转换; 另一部分是ES6新增像Promise、async等方法的转换。 2、语法转换配置简单如下: 3、新增方法转换如下: 当然记得提前下载对应的依赖 4、在通过上图配置转换ES6语法有一个问题,转换后的内容引入全部新增语法,而实际开发中你可能只用到了一小部分,这会造成不必要的资源浪费原创 2021-12-15 20:01:47 · 2211 阅读 · 0 评论 -
webpack学习第二天-代码分离
代码分离:当项目太大时,为了首次加载得速度,我们可能会需要模块得按需加载和分模块闲时加载,此时就需要代码分离。 代码分离得方式: 多入口打包:使用entry配置手动分离(缺点:不同入口使用重复得模块会被分别打包) 因为多入口打包会有公用代码重复打包得问题,所以需要配合Entry dependencies 或者 SplitChunksPlugin提取公共模块,该配置会让打包后生成一个公共部分模块,示例如下: entry: { index: { import: './原创 2021-12-09 09:39:49 · 508 阅读 · 0 评论 -
webpack 学习第一天 assetModules 和 source-map的基础配置
webpack基础配置之assetModules和source-map原创 2021-12-08 09:41:44 · 164 阅读 · 0 评论