Javascript Vue+；帕格：如何插入本地人？

如何使用vue loader为单文件组件和.pug模板本地化组件

看：

div.container{{test}
部门内容
h1概念验证应用程序
b Vue.js+类型脚本+网页包
部门标志
img（src=“assets/logo vue.png”）
img（src=“assets/logo-ts.png”）
img（src=“assets/logo webpack.png”）
正在加载div.description应用程序，请稍候
div.progress{{percent}}

如何用本地化替换字符串，或通过变量“test”

我在互联网上和这些加载器的文档中找不到任何东西（帕格加载器、帕格html加载器、vue加载器等），除了“它必须工作，但不能工作”

我知道模板与Vue实例的连接，但这不是解决方案，对吗？实例不应该知道本地化，不是吗

---

我使用的是webpack 3.8.1、vue loader和.vue文件

我为此奋斗了很长时间，发现解决方案非常简单，只需将其添加到您的webpack配置中即可。如果您使用的是vue cli，请将其放入

vue.config.js

：

module.exports = {
  // ...
  chainWebpack: config => {
    config.module
      .rule('pug')
      .use('pug-plain-loader')
      .loader('pug-plain-loader')
      .options({ data: { require } }); // pass require as a local variable!
  },
  // ...
}

现在您可以执行以下操作：

- const _ = require('lodash')
div
  p=_.whatever('whatever')

---

我认为解决方案是通过本地人为.pug模板传递i18n，但我怎么做？也许第三方解决方案会有所帮助？@RomanYakimchuk你有没有想过？

- const _ = require('lodash')
div
  p=_.whatever('whatever')