image2local

a tool,a potentially effective tool

Usage no npm install needed!

<script type="module">
  import image2local from 'https://cdn.skypack.dev/image2local';
</script>

README

why i2l?

将 cdn 的图片，下载到本地。以满足图片域名为当前访问域名

原理

先prettier格式化，再用正则替换匹配到的字符。

说明

在代码中注视掉的模块，我们无法格式化，这会导致一些匹配上出现的错误，和冗余的资源下载，但是基于正则的模式下，这很难避免。
即使提供了全量一次性替换，仍然建议少量多次,具体请查看i2l -h
下载限制同时 10 条，会重试
即使项目中已经把静态图片转为本地，但是服务端下发的图片，仍然是无法处理的，所以服务端下发的图片，建议过一层裁剪服务，以达到图片域名为当前访问域目的。
无依赖追踪，所以可能存在有复杂关联场景时，漏处理，需手动替换。

可转换的格式

.js | .jsx

  src = "***"
  backgroundImage= "url(***)"
  "***" # 普通变量

.less

url('xxx')

使用

安装

npm i -g image2local

// or

npx image2local

指令

all

说明：转换整个项目
输入：马甲包名，无可不传，用','隔开
可选参数：-l | --loglevel
- error
- warn
- info
- debug
示例：

i2l all "windmoon,taoYu,sweetlove,finelove,peach,sweetface" --loglevel=error

pkg

说明：转换一个马甲包
输入：路径
可选参数：-l | --loglevel
- error
- warn
- info
- debug
示例：

i2l pkg ./src/pages/windmoon --loglevel=error

page

说明：转换一个具体页面
输入：路径
可选参数：-l | --loglevel
- error
- warn
- info
- debug
可选参数：-a | --alia
示例：

i2l page ./src/pages/windmoon/setPrice --loglevel=error
i2l page ./src/styles -a # 将style目录中的公共图片，转成～/style/assest/images/xxx.png

clear

说明：清除当前转换内容
示例：

i2l clear

docs

说明：在终端查看 readme
示例：

i2l docs