前端记事

Alex Wang

  • 菜单
  • 标签
  • 友情链接
  • 关于我
  • 主页
  • 所有文章
  • 标签云
  • 关于我
  • CSS
  • Canvas
  • Git
  • H5
  • HTTP
  • Javascript
  • Other
  • React
  • Vue
  • Webpack
Hexo GitHub MOxFIVE
专注于前端

前端记事

前端记事

Alex Wang

  • 主页
  • 所有文章
  • 标签云
  • 关于我

Webpack异步ChunkName

2018-06-26
  • Webpack

webpack2.4+ 异步chunkName

  1. 在项目.babelrc中添加”comments”: true, 保留注释
  2. 异步组件注释语法 const Test = () => import(/ webpackChunkName : “Hello” / ‘@/components/Test’)
  3. 按chunkName输出文件名, 修改prod.conf.js中output项 chunkFilename: utils.assetsPath(‘js/[name].js’)
  4. 按上述方法,则最终该chunk会输出为Hello.js
Chrome Devtool 网络请求timing
Nginx server location正则
  • 按位非、右移
  • 事件监听选项的passive属性
  • 关于JS结构化克隆算法
  • Vue-cli项目css背景图路径问题
  • localStorage存储容量
  • 服务端发送事件(SSE)
  • 长轮询
  • 响应式数据
  • Chrome调试远程设备白屏解决办法
  • 浏览器发送OPTIONS请求
  • Chrome Devtool 网络请求timing
  • Webpack异步ChunkName
  • Nginx server location正则
  • Chrome Network filters
  • 浏览器缓存协商
  • Javascript递归遍历树
  • 前端单元测试
  • Curl调试restful接口
  • Canvas图像处理
  • H5图片上传本地预览
  • Canvas图片下载
  • Mac下brew安装Nginx及使用
  • Canvas基础图形与动画
  • 常用git命令
  • Canvas最佳实践(性能篇)
  • Web中的坐标系
  • React中的“虫洞”——Context
  • React Element、Component和ReactClass的概念
  • React组件生命周期
2017-2018 前端记事
Hexo | Yelee