一 安装相关的包
npm i language-tw-loader
二 修改 webpack 配置文件
在 build 文件夹下找到 webpack.base.conf.js 这个文件,在 module 的 rules 下面添加作者 README 中的代码
module: {
rules: [
......
//上面的省略,将下面的代码加入进来
{
test: /\.(js|vue)$/,
loader: 'language-tw-loader',
}
]
},
三 打包
打包运行就可以看到效果了
按照上面的三步就完成了这个功能,不过这里有个问题,这个方法只能转换事先写好的文字内容,后面从接口获取的内容是没法转换的,这也很好理解,因为接口里面的内容都是后来动态获取的,打包的时候是没有这些内容的,没有转换是很正常的。
只是就我的项目来说,做到这样也就可以了,如果需要将接口里面获取的内容也转换的话,还可以引入其他的库来帮助完成,这里就不说了。
感谢分享https://blog.csdn.net/zgh0711/article/details/81290076