[聚合文章] vue搭配i18n国际化语言插件开发多语言网站

  1. 首页
  2. 聚合文章
  3. 文章详情
JavaScript 1900-01-01 22 阅读
原文链接: https://www.jianshu.com/p/778d2eb63501

vue搭配i18n国际化语言插件开发多语言网站

安装过程直接略过，安装步骤链接：

vue命令行工具 (CLI)
vue-i18n插件
vue-i18n基本使用

使用vue开发，使用最多的是单文件组件，所以碰到的坑都是在这一部分；

开发使用版本：

    "vue": "^2.5.2",    "vue-router": "^3.0.1"    ====================================     "vue-i18n": "^7.4.0",    "@kazupon/vue-i18n-loader": "^0.2.1",

问题一、vue-i18n-loader如何添加在vue的配置文件

为了使用单文件组件时配合i18n存储map数据，需要先安装vue-i18n-loader，然后使用<i18n></i18n>标签定义map数据。
原谅小白，以前使用vue时，都没好好研究vue的配置文件，直到这次碰到问题，才稍微认真看了一会（还没全部弄明白）;

根据i18n给的添加方法：

module.exports = {  // ...  module: {    rules: [      {        test: /\.vue$/,        loader: 'vue-loader',        options: {          loaders: {            // you need to specify `i18n` loaders key with `vue-i18n-loader` (https://github.com/kazupon/vue-i18n-loader)            i18n: '@kazupon/vue-i18n-loader'          }
                
注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。