"build:file": "node build/bin/iconInit.js & node build/bin/build-entry.js & node build/bin/i18n.js & node build/bin/version.js"

node build/bin/i18n.js

// build/bin/i18n.js

'use strict';

var fs = require('fs');
var path = require('path');
var langConfig = require('../../examples/i18n/page.json'); // 語言配置文件

langConfig.forEach(lang => {
  // 有目錄讀取目錄信息，沒有目錄創(chuàng)建目錄
  try {
    // 獲取文件信息
    fs.statSync(path.resolve(__dirname, `../../examples/pages/${ lang.lang }`)); // 同步提供有關文件信息
  } catch (e) {
    // 創(chuàng)建文件夾
    fs.mkdirSync(path.resolve(__dirname, `../../examples/pages/${ lang.lang }`)); // 同步地創(chuàng)建目錄
  }

  // 遍歷寫入文件
  Object.keys(lang.pages).forEach(page => {
    var templatePath = path.resolve(__dirname, `../../examples/pages/template/${ page }.tpl`);
    var outputPath = path.resolve(__dirname, `../../examples/pages/${ lang.lang }/${ page }.vue`);
    var content = fs.readFileSync(templatePath, 'utf8');
    var pairs = lang.pages[page];

    Object.keys(pairs).forEach(key => {
      // 例如：匹配 <%= 1 %> 替換成展示內容
      content = content.replace(new RegExp(`<%=\\s*${ key }\\s*>`, 'g'), pairs[key]);
    });
    // 將替換后的內容寫入 outputPath 中
    fs.writeFileSync(outputPath, content);
  });
});

以上代碼是國際化的過程，最終將會在 examples/pages/ 目錄中生成不同語言的內容。國際化具體內容請參照 國際化。

pages里的組件都是頁面級組件

node build/bin/version.js

// build/bin/version.js

var fs = require('fs');
var path = require('path');
var version = process.env.VERSION || require('../../package.json').version;
var content = { '1.4.13': '1.4', '2.0.11': '2.0', '2.1.0': '2.1', '2.2.2': '2.2', '2.3.9': '2.3', '2.4.11': '2.4', '2.5.4': '2.5', '2.6.3': '2.6', '2.7': '2.7.2' };
if (!content[version]) content[version] = '2.8';

// 寫入版本號
fs.writeFileSync(path.resolve(__dirname, '../../examples/versions.json'), JSON.stringify(content));

一、學習 fs.statSync

1. 先搭建環(huán)境

$ touch node-fs/index.js node-fs/1.js && mkdir node-fs/zh-CN

2. node-fs/index.js 文件內容：

const path = require('path');
const fs = require('fs');

// 同步獲取 文件/目錄信息
let dirStat = fs.statSync(path.resolve(__dirname, `./1.js`));
let fileStat = fs.statSync(path.resolve(__dirname, `./zh-CN`));

console.log('-----------------------------------------------------');
console.log('文件信息：fs.statSync(path)');
console.log(dirStat);
console.log('-----------------------------------------------------');
console.log('目錄信息：fs.statSync(path)');
console.log(fileStat);
console.log('-----------------------------------------------------');

3. 執(zhí)行node node-fs/index.js
   輸出：

-----------------------------------------------------
文件信息：fs.statSync(path)
Stats {
  dev: 16777220,
  mode: 33188,
  nlink: 1,
  uid: 1920153298,
  gid: 672505530,
  rdev: 0,
  blksize: 4096,
  ino: 12898608924,
  size: 0,
  blocks: 0,
  atimeMs: 1559048984234.2095,
  mtimeMs: 1559048984234.2095,
  ctimeMs: 1559048984234.2095,
  birthtimeMs: 1559048984234.2095,
  atime: 2019-05-28T13:09:44.234Z,
  mtime: 2019-05-28T13:09:44.234Z,
  ctime: 2019-05-28T13:09:44.234Z,
  birthtime: 2019-05-28T13:09:44.234Z }
-----------------------------------------------------
目錄信息：fs.statSync(path)
Stats {
  dev: 16777220,
  mode: 16877,
  nlink: 2,
  uid: 1920153298,
  gid: 672505530,
  rdev: 0,
  blksize: 4096,
  ino: 12898608926,
  size: 64,
  blocks: 0,
  atimeMs: 1559048984845.0688,
  mtimeMs: 1559048984238.4143,
  ctimeMs: 1559048984238.4143,
  birthtimeMs: 1559048984238.4143,
  atime: 2019-05-28T13:09:44.845Z,
  mtime: 2019-05-28T13:09:44.238Z,
  ctime: 2019-05-28T13:09:44.238Z,
  birthtime: 2019-05-28T13:09:44.238Z }
-----------------------------------------------------

二、學習 fs.mkdirSync(path)

1. 繼續(xù)在 node-fs/index.js 文件中寫入

fs.mkdirSync(path.resolve(__dirname, `./en-US`)); // 同步創(chuàng)建目錄

3. 執(zhí)行node index.js

發(fā)現在 node-fs 中多了一個 en-US 目錄

目錄

• element源碼學習一(package.json)
• element源碼學習二(dev)
• element源碼學習三(build:file)
• element源碼學習四(build:file)
• element源碼學習五(build:file)