webpack插件之国际化文本翻译webpack-translatewebpack提供了webpack-translat

在react或者vue项目中，经常回使用如react-i18next、react-intl等库，进行国际化，但大多时候需要自己手动翻译出中文以外的json文件，webpack提供了webpack-translate插件可以进行打包自动生成对应的语言json文件，大大降低了国际化的工作量，推荐使用

安装：

npm install webpack-translate
or
yarn add webpack-translate

使用：

//webpack.config.js
//webpack配置中的plugins属性
import Translate from "webpack-translate";


plugins: [
            new Translate({
                translateTypes:["en", "ko", "ja","gd"],
                suffix:"js",
                path:path.resolve(__dirname,"./src/components/locales"),
                source:path.resolve(__dirname,"./src/components/locales/zh_CN.js")
            }),
           //其他wenpack插件
        ]

文档：

api	类型	默认值	说明
translateTypes	array[string]	["en"]	需翻译的目标语言简写，查询简写地址
suffix	string	"js"	输出的语言文件的后缀名
path	string	'./src/components/locales/'	输出的语言文件相对项目根目录的地址
source	string	'../src/components/locales/zh_CN.js'	需作为源语言进行翻译的文件
outputFileName	array[string]	[]	输出文件的其他名称设置，与上方translateTypes的数组一一对应即可，注意个数必须保持一致
from	string	"zh-CN"	翻译源文件的语言简码