VUE 爬坑之旅 -- vue 项目中将简体转换为繁体

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/zgh0711/article/details/81290076

今天接到一个需求说要将现在项目里面的简体文字全部转换为繁体的，这需求手动去干肯定不现实，必须得找一个省时省力的办法。

Google 一圈下来，发现大部分解决方案都是好几年前 JQuery 时代的，是不适合现在 vue 项目的。那么有没有 vue 项目中好用的解决方案呢？

在又找了一圈之后，终于在 github 的一个角落里面发现这么一个 https://github.com/maoxiaoquan/language-tw-loader ，作者的 README 写的很简单，这里我将步骤详细说一下，其实一共就三步，

一 安装相关的包

npm i language-tw-loader

二 修改 webpack 配置文件

在 build 文件夹下找到 webpack.base.conf.js 这个文件，在 module 的 rules 下面添加作者 README 中的代码

module: {
    rules: [
      ......
      //上面的省略，将下面的代码加入进来
      {
        test: /\.(js|vue)$/,
        loader: 'language-tw-loader',
      }
    ]
  },

三 打包

打包运行就可以看到效果了

按照上面的三步就完成了这个功能，不过这里有个问题，这个方法只能转换事先写好的文字内容，后面从接口获取的内容是没法转换的，这也很好理解，因为接口里面的内容都是后来动态获取的，打包的时候是没有这些内容的，没有转换是很正常的。
只是就我的项目来说，做到这样也就可以了，如果需要将接口里面获取的内容也转换的话，还可以引入其他的库来帮助完成，这里就不说了。