Elementはスクリプトを使用して新しいコンポーネントを自動的に構築します

@# デフォルトの #comment はログに出力されますが、@# は出力されません。PHONY の役割: 以下のスクリプト コマンドの dist および test ディレクトリとの競合のチェックを無視します。つまり、コマンドはとにかく実行されます。PHONY: dist test

@# makeコマンドを実行すると、デフォルトでヘルプスクリプトが実行されます: help

@# `make build-theme` を実行すると、`npm run build:theme` スクリプトが実行されます。
@# : 実行するコマンドはコロンの前であり、コロンの後の最初の行はタブで、その後にスクリプトコマンド @# が続きます。つまり、以下は 'tab+npm npm build: theme' です。
# すべてのテーマをビルドする
@# 上記のビルド テーマのコメントは以下のスクリーンショットに表示され、build-theme がログに出力されます。 
 npm 実行ビルド:テーマ
インストール：
 npmインストール
開発者:
 npm 実行 dev
@# $() は使用する関数です @# $@ は現在のコマンド自体です。たとえば、'make new' の場合、$@ は new です
@# MAKECMDGOALS 特殊変数。コマンドラインパラメータで指定されたターゲットリストを記録します。つまり、この変数を使用して、コマンドラインパラメータを取得できます。@# たとえば、新しいコンポーネントを作成する場合は、スクリプト `make new wailen` を使用します。MAKECMDGOALS は wailen に等しくなります。
@# フィルターアウトアンチフィルター関数、$(MAKECMDGOALS) 内の $@ を含むすべてのコンテンツをフィルターアウトします @# new.js の内容と組み合わせると、以下のスクリプトの意味は、新しいコンポーネントを作成し、コンポーネント名を渡すことです。コンポーネント名は new にすることはできません。コンポーネント名が new の場合、以下のスクリーンショットのように new が表示されます。
 ノードビルド/bin/new.js $(フィルターアウト$@、$(MAKECMDGOALS))
@# 一部のスクリプトは省略されています。興味のある方は、ソースコードのヘルプを確認してください。
 @echo " \033[35mmake\033[0m \033[1mコマンド命令\033[0m"
 @echo " \033[35mmake install\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- 依存関係をインストールします"
 @echo " \033[35mmake new <コンポーネント名> [中国語名]\033[0m\t--- 新しいコンポーネント パッケージを作成します。たとえば、'make new button button'"
 @echo " \033[35mmake dev\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- 開発モード"
 @echo " \033[35mmake dist\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- プロジェクトをコンパイルし、ターゲット ファイルを生成します"
 @echo " \033[35mmake deploy\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- デモをデプロイ"
 @echo " \033[35mmake pub\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- npm に公開"
 @echo " \033[35mmake new-lang <lang>\033[0m\t\033[0m\t\033[0m\t--- サイトに新しい言語を追加します。たとえば、'make new-lang fr'"

const fileSave = require('file-save');
const コンテンツ = "const fs = require('fs');"
const callback = () => { console.log('スクリプト実行') }
fileSave('ファイルパス')
   .write('上記のようなファイルコンテンツ', 'utf8', callback) // コンテンツの書き込みが成功すると、コールバックがトリガーされます。write('コンテンツの追加を続行', 'utf8')
   .end('\n') // ファイル操作は空行で終了します

// パッケージを作成する
// コンポーネント生成ディレクトリ const PackagePath = path.resolve(__dirname, '../../packages', componentname);
Files.forEach(ファイル => {
  fileSave(path.join(PackagePath, file.filename))
    .write(ファイル.content, 'utf8')
    .end('\n');
});

const fileSave = require('file-save');
定数 fs = require('fs');

const content = `const fileSave = require('file-save'); `
const oldCode = fs.readFileSync('./demo.js')
ファイル保存('demo.js')
  .write(古いコード+コンテンツ、'utf8')
  .end('\n')

定数 fs = require('fs')

//<stream.Writable> から継承した書き込み可能なストリーム fs.WriteStream クラスのオブジェクトを作成します。
const writer = fs.createWriteStream('createStream.js', { // ファイルを検索し、存在しない場合は作成します // デフォルト値は w です。writer.write メソッドを呼び出してデータを書き込むと、ファイルのすべての内容が直接上書きされます。
    // これにより、ファイルの以前の内容がすべて削除され、新しいデータが書き込まれます。フラグ: 'w'
})


//ストリームにデータを書き込む writer.write('このファイルの新しい内容')

定数 savefs = {}
savefs._create_dir = 関数 (fp, opts) {
  mkdirp.sync(fp, opts);
}
savefs.wstream = 関数 (ファイル) {
  var ws = fs.createWriteStream(ファイル);
  this.writer = ws;
  これを返します。
}
savefs.write = function(チャンク、エンコーディング、cb) {
  ...
}

savefs.end = function(チャンク、エンコーディング、cb) {
  ...
}

savefs.finish = 関数(cb) {
  ...
}

savefs.error = 関数(cb) {
  ...
}
エクスポート { savefs }

fs.writeFile('ファイルパス', '書き込むコンテンツ', ['エンコーディング'], 'コールバック関数');