0%

概要内容

  • 排查问题
  • 解决办法

由于最近新开了一个项目,在引入阿里巴巴字体图标库后,字体图标显示正常,但是怎么修改字体颜色都无效。

排查问题


只能逐步情况排查问题了,排查情况如下

  • 新项目+新字体:修改字体颜色无效×
  • 之前使用HbuildX构建的项目 + 之前字体:修改字体颜色正常√
  • 之前使用HbuildX构建的项目 + 新字体:修改字体颜色无效×
  • 新项目+老字体:修改字体颜色无效√

锁定问题:新下载的字体资源问题

阅读全文 »

概要内容

  • 自定义loader
  • 总结

相信利用webpack打包项目,都会碰到各种内置的loader,比如:vue-loader、babel-loader、svg-sprite-loader、url-loader等等,其实他们的作用就是进行资源转换,最近碰到一个需求就刚好需要这样一个东西,比如:ios平台打出来的包需要某个功能,pc平台却不需要某个功能,所以就可以利用loader的机制来实现。下面给出一个简单的示例


阅读全文 »

概要内容

  1. npm init -y
  2. 安装依赖
  3. 创建webpack.config.js
  4. 创建index.js
  5. 创建调试launch.json
  6. 启动调试

由于工作中遇到一个问题,需要根据环境编译代码,比如:ios平台需要某项功能,pc平台不需要这个功能,所以就可以用过编写一个自定义的loader解决此问题。虽然可以通过打例子的方式来调试代码,但是这种方式太低效了,如果日后还想知道webpack的工作原理,打日志的方式就太可行了,不能单不跟踪、实时看到各变量的当前情况,调用堆栈等等,所以来了解一下vscode里面如何调试webpack代码。

阅读全文 »

概要内容

  • 常用继承方式
    • 方式一:调整类型原型的 proto 、 Object.setPrototypeOf 、Object.create
    • 方法二:利用自定义createObject
    • 方式三:利用ES6 Class extends
  • 总结
阅读全文 »