前端项目react/vue国际化一般需要开发者一一实施，费时费力。相关文档请参考：vue-i18n文档react-intl国际化文档指南webpack-i18n-plugin插件主要解决两个痛点问题，适用于vue和react项目。提取项目中的国际化资源文件。在webpack中配置插件（webpack-i18n-plugin）提取中文资源，添加国际化代码，添加插件，编译后自动添加国际化全局方法$i8n，不污染源码具体使用方法如下:安装npminstallwebpack-i18n-plugin-DwebpackpluginsConfigureconsti18nPlugin=require("webpack-i18n-plugin");//webpack.config.jsplugins:[...newi18nPlugin(i18nConfig),...]//vue.config.jschainWebpack:(config)=>{config.plugin("i18n").use(i18nPlugin).tap((options)=>{return[...options,i18nConfig];});}babel插件配置//.babelrc|babel.config.jsplugins:[..."webpack-i18n-plugin/babel"]插件配置项i18nConfigconsti18nConfig={i18nDir:path.resolve(__dirname,"./i18n"),//国际化目录（可选）translation:{en_US:[path.resolve(__dirname,"translationfile.xlsx")],//en_USlanguagepack...},};切换语言，保证页面先加载语言包，并中文不需要引入语言包//页面入口app.jsconsten_US=require("./i18n/en_US");//对应语言包window.$i8n.locale(en_US);//$i18n是一个全局变量//其他代码
