element源碼學習五(build:file)

"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
  1. 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('-----------------------------------------------------');
  1. 執(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)建目錄
  1. 執(zhí)行node index.js

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


目錄

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。