导航

• 博客园
• 首页
• 新随笔
• 新文章
• 联系
• 订阅
• 管理

随笔分类 -  WebPack

• WebPack与ES2015
  摘要：1、因为模块打包需要，webpack可以处理import和export；但是并不能处理es6其他特性 2、babel-loader处理代码新特性 安装模块 yarn add babel-loader @babel/core @babel/preset-env --dev 配置使用 { test:/. 阅读全文
  posted @ 2021-03-17 19:00 phantom_yy 阅读(138) 评论(0) 推荐(0)
• WebPack URL加载器
  摘要：1、安装url-loader yarn add url-loader --dev 2、使用 { test:/.png$/, use:'url-loader' } 3、总结 （1）小文件使用Data URLs，减少请求次数； （2）大文件淡出提取存放，提高加载速度； 优化： 超出10KB文件单独提取存 阅读全文
  posted @ 2021-03-17 17:44 phantom_yy 阅读(72) 评论(0) 推荐(0)
• webpack文件资源加载器
  摘要：1、导入图片 import icon from './icon.png' 2、安装file-loader yarn add file-loader --dev 3、使用 main.js const img = new Image(); img.src = icon; document.body.ap 阅读全文
  posted @ 2021-03-17 16:01 phantom_yy 阅读(77) 评论(0) 推荐(0)
• WebPack资源模块加载
  摘要：WebPack常用加载器分类 1、编译转换类 2、文件操作类 3、代码检查类 webpack默认打包javascript文件 1、为其他资源安装loader 安装css-loader yarn add css-loader --dev 2、添加style-loader yarn add style- 阅读全文
  posted @ 2021-03-17 12:05 phantom_yy 阅读(64) 评论(0) 推荐(0)