因此,需要先上 有道智云 注册一个开发者应用appKey
translator.js
在locales目录下创建web、server目录,分别存放前后端(nodejs)的国际化文件
nodejs当前采用的是npm 的 i18n 库,该函数会根据lang自动加载directory配置项下的‘lang’.json;因此需重新设置 directory
前端Ext采用的是自定义函数 _() ,该函数需要读取dict进行key的匹配进行国际化;需修改读取前端国际化json的目录为 /locales/web
根据现有的模块,自行创建模块目录,将自己的前后端国际化内容写在自定义json中
国际化key需按照模块名称作为顶级作用于,采用 包命名 的方式,采用 驼峰命名
创建i18n文件,自定义Ajax方法获取后端的dict字典,将字典缓存在内存中
后端返回
在modules目录下创建i18n模块,用来管理前后端的国际化文件
webapp在首次运行时会加载该模块,并负责合并各个模块的语言json,创建生成制定名称的json文件。
之后nodejs的i18n模块会负责管理后端国际化
前端页面在首次加载时会调用接口请求前端国际化文件数据
原来的zh_CN.json的内容移植到了 base.json 文件中,各模块可以 暂时不处理 base.json中的内容,日后项目的 新增国际化 在模块国际化文件中编写,有时间可以将base.json中的属于本模块的国际化内容修改并移植到本模块国际化文件中
一、nodeJS基础 *** 作
(一)、安装nodeJS (node -v)
(二)、npm 包管理工具 (cnpm安装 : npm install gulp -g)
(三)、在项目中初始化package.json (nodejs的配置文件,在项目中安装的模块,会记录在package.json) npm init
(四)、在其他位置需要配置相关模块时,只需把pageage.json拷贝过来,执行 npm install,即可自动安装所需模块
二、gulp
1. 安装 (gulp -v)
(1)全局安装 npm i gulp -g
(2)本地安装: npm i gulp --save-dev
2. 在项目根目录创建 gulpfile.js
3. gulp.task() gulp.src() gulp.pipe() gulp.dest() gulp.watch()
4. gulp插件: (1)压缩css (2)压缩js (3) 合并js (4) 压缩图片 (5)自动添加前缀 autoprefixer (6)sass编译 (7)热刷新
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)