webpack-phraseapp-builder Webpack翻译插件
从 Phrase 下载翻译文件的事儿,用 webpack-phraseapp-builder 插件真的是省心不少。它直接在你打包之前,把翻译资源拉下来,自动塞进项目目录里,连手动操作都省了,挺适合做国际化的同学。
PhraseAppBuilder 插件基于 Phrase 的下载 API,响应也快,基本一配置好,Webpack 一编译,翻译文件就位了。你只需要提前在 Phrase 配置好项目和语言内容,剩下的交给它就行。
用法也比较简单,先跑一条安装命令:npm install -D webpack-phraseapp-builder
,在你的 webpack.config.js
里加上插件配置:
var PhraseAppBuilderPlugin = require('webpack-phraseapp-builder');
module.exports = {
plugins: [
new PhraseAppBuilderPlugin({
accessToken: 'your-token',
projectId: 'your-project-id'
})
]
};
有个点要注意哦,这插件是提前拉翻译的,建议别和打包输出目录用同一个路径,避免冲突。比如翻译放 ./i18n
,构建放 ./dist
就挺好。
如果你项目里用的是 Phrase 做翻译管理,这个插件是真的可以解放双手。不用再每次导出、粘贴、同步,一步到位。
34.53KB
文件大小:
评论区