一、安装loader,繁体有香港和台湾两个版本,可选择性安装

npm i language-hk-loader  // 香港版本的繁体
npm i language-tw-loader  // 台湾版本的繁体

二、在build文件夹下的webpack.base.conf.js里面补充一段代码

module: {
    rules: [
        ...
        // 补充以下代码
        {
            test: /\.(js|vue)$/,
            loader: 'language-hk-loader',
        }
    ]
},

vue-cli3以上没有webpack.base.conf.js文件的,在vue.config.js里面加入下面的代码

module.exports = {
    chainWebpack(config) {
        ......
        // 补充以下代码
        config.module
          .rule('language')
          .test(/\.(js|vue)$/)
          .use('language-hk-loader')
          .loader('language-hk-loader')
          .end()
    }
}

以上两步完成,重启项目就能看到简体转换成繁体啦~

Logo

前往低代码交流专区

更多推荐