V5产品文档

# 关于fiber切换新引入方案

引入前说明：

新方案会自动引入国际化以及fiber的文件，需要自行引入headerJs，默认自动导入会导入到headerJs后面

新引入方案需要修改的步骤如下

1、新引入.npmrc文件[[attach:.npmrc||target="_blank"]]，放入项目根目录下(注意：下载下来有可能没有带点，名字是 .npmrc缺少的需要自己添加)。

2、安装依赖npm i ~-~-save-dev @fiber/i18n-webpack-plugin (需要注意，请查看版本，如有bate后缀请勿使用)

3、第三步是正式引入，有两种方案，webpack中添加plugins，为上诉所安装依赖，可参考如下代码

方案1：自动注入

const I18nWebpackPlugin = require('@fiber/i18n-webpack-plugin');

module.exports = {
  plugins: [
    new I18nWebpackPlugin()
  ]
}

方案2：手动注入，利用模板编译

const I18nWebpackPlugin = require('@fiber/i18n-webpack-plugin');

module.exports = {
  plugins: [
    new I18nWebpackPlugin({
      inject: false
    })
  ]
}

<html>
<head>
<script src="../../../headerJs"></script>
<%= htmlWebpackPlugin.options.fiber %>
</head>
</html>

最后做完后，请添加proxy为static路径的代理

'/static': {//匹配所有以 ‘/seeyon’开头的请求路径
      target: 'http://a82m.seeyoncd.com/', //代理目标的基础路径
      changeOrigin: true,
      headers: {
        Cookie: 'JSESSIONID='
      }
    }

做完如上操作后，会自动帮助引入：国际化、fiber。

特别说明！！！！！！！！

由于采用的html-webpack-plugin作为底层依赖，所以对于原有的引入依赖或许会造成影响，所以在这里提供了一个新api参数：addTags，具体参数可以查看typing.d.ts的类型说明文件，在依赖的同路径下，在这里提供一个示例

const I18nWebpackPlugin = require('@fiber/i18n-webpack-plugin');

module.exports = {
  plugins: [
    new I18nWebpackPlugin({
      addTags: [{
        tagName: 'script',
        innerHTML: '',
        attributes: {
          type: 'text/javascript',
          charset: 'utf-8',
          src: '/seeyon/rest/cap4/form/headerJs'
        }
      }]
    })
  ]
}

该示例就会再添加一个headerjs引入，当然顺序置于上面所列引入的最后

创建人：yinyanting

快速跳转

← 05 规范 →