本文介绍了一款CSS国际化loader——i18n-style-loader，它旨在帮助开发者处理多语言图片加载、中东地区的左右翻转样式等问题。通过在Webpack中实现loader，i18n-style-loader支持scss、less、css三种样式后缀，提供@i18n、@rtl、@lang等规则简化开发流程。同时，文章提到了配置文件i18n.config.js的使用以及与intl-hmessage库的配合使用。
📖 阅读分享
一个如此精致的小孩是不会说出去的，因为太脏了，自尊心往往是一根伤人伤己的针。但是在这里，自尊心会缝起她的嘴。 — 《房思琪的初恋乐园》 [台湾] 林奕含
简介
截止至今，在国内的互联网行业中，非常多公司的目标瞄准了海外产业，想通过自己在国内积累的技术在海外分一杯羹，在海外发展本地化产品。所以越来越多的公司需要实现多语言，国际化的技术。
i18n-style-loader就是为此诞生。有没有遇到多语言图片，在不同语言下分别加载而写冗余代码？有没有遇到中东语言的左右翻转样式而苦恼不已？有没有遇到在不同语言下的样式不同，想到又要写一遍css的选择规则而烦躁？
i18n-style-loader支持scss, less, css三种样式后缀，提供@i18n，@rtl, @lang等规则来提升开发效率，省去以上麻烦。
顺便说一下可以搭配intl-hmessage去使用，可以减去更多的麻烦
基本实现思路
在Webpack中实现loader，网上很多文章，我就不赘述了，我这里使用了gonzales-pe库，虽然这库已经两年没有更新了，但还是支持把样式源码转成AST树，并提供各种方法来遍历它。
PS:如果后续样式语法有新的更新
最低0.47元/天 解锁文章
扫一扫
2625
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
