专注于前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]

npm

  • npm包 CDN 收集

    / 分类: 工具 / No Comments

    jsDelivr(支持 combine)
    `https://cdn.jsdelivr.net/npm/:package@:version/:file`
# https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js
    unpkg
    `https://unpkg.com/:package@:version/:file`
# https://unpkg.com/jquery@3.6.0/dist/jquery.min.js
    饿了么
    `https://npm.elemecdn.com/:package@:version/:file`
# https://npm.elemecdn.com/jquery@3.6.0/dist/jquery.min.js
    知乎
    `https://unpkg.zhimg.com/:package@:version/:file`
# https://unpkg.zhimg.com/jquery@3.6.0/dist/jquery.min.js
    百度
    `https://code.bdstatic.com/npm/:package@:version/:file`
# https://code.bdstatic.com/npm/jquery@3.6.0/dist/jquery.min.js

    jsDelivr国内可能部分网络有问题, 但仅jsDelivr才支持combine(多个文件合并).
    使用CDN引入, 可以独立公共资源, 省去webpack打包. 当然, 也有人用来做图床.

  • 解决新版npm乱码

    / 分类: 开发 / No Comments

    新版npm install的时候, 可能会看到类似这样的特殊字符:
    loadDep:glob-base ▌ ╢█████████░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░╟

    应该是新版针对可显示特殊字符的环境故意为之, 如果希望看到下面这样的效果:
    loadDep:glob-base / |#############-------------------|

    OSX系统选了语言为英文: LC_CTYPE=en_US.UTF-8 npm install

    OSX系统选了语言为中文: LANG= npm install

    所以通用的解决办法: 在~/.zshrc或~/.bashrc里增加一行
    alias npm="LC_CTYPE=en_US.UTF-8 LANG= npm"

    重新加载配置, 或者重启Terminal后, 发现npm install变正常了~

    选择正常, 还是非主流, 看个人喜好吧~