0.3.2 • Published 7 years ago

tag-lang-loader v0.3.2

Weekly downloads
2
License
ISC
Repository
-
Last release
7 years ago

#tag-lang-loader 前端多语言方案

#使用方式

官网文档: http://nodejs.cn/api/fs

##安装

npm i tag-lang-loader --save-dev

##命令行:

Usage: tag-lang-cli -s 源文件夹 -t 目标文件夹 -f 文件类型 -c 配置 -l 当前语言类型标签 -e

Options:

-V, --version                   output the version number
-s, --source <源文件夹>             
-t, --target [目标文件夹]            
            如果为空,则等于 source。 
            如果 source 是以 _lang结尾,则 target 用语言代码替换结尾的 lang。
-f, --file-type <文件类型>          如:-f js,css
-c, --config <配置>               使用伪Json格式,key表示tagName,value表示语言代码。如:-c c:cn,e:en
-l, --language [当前语言]           仅编译当前语言,配置项的key值。
-e, --as-service [编译完后,后台继续运行]  
-h, --help                      output usage information

如:tag-lang-cli -f vue,js,html -c c:cn,c:en -e -s ../pzx_vue2/src_lang -l c

##原理 监控一个文件夹,对文件进行转换,并把转换后的内容保存到另一个文件夹中。 转换的规则是:

<div><c>中文资源</c><e>英文资源</e></div

如以上命令行。 把 中文资源保留,把英文资源去除。以上写法,在任何位置都有效。 如:标签,字符串,注释。 转换结果显示:

中文资源

##简写 简写时转义,编译的内容不能包含:

  • 大于号 >
  • 小于号 <
  • 双引号 "
  • 单引号 ' 如果编译的内容没有特殊字符,那么可以简写成:
<div>中文资源<ce>英文资源</div>

前面的部分,先遇到 双引号("),单引号(') 表示在字符串中,会向后找闭合引号; 先遇到 大于号(>) 表示在Dom中,会向后找 小于号(<)。

以下情况会编译出错,不能使用简写:

<div>"鲁迅说:<ce>‘luxun says:</div>
<div>鲁迅说:><ce>luxun says:></div>

##对webpack进行改造

src_lang 保存源码。
src_cn   保存转换的中文站点
src_en   保存转换的英文站点

dist_cn  保存打包的中文站点
dist_en  保存打包的英文站点