随笔分类 -  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)