@# 默認(rèn)的#注釋會在日志中輸出，@#則不會
@# .PHONY的作用: 在下方的腳本命令中忽略檢查是否與dist、test目錄沖突，也就是說無論如何都會去執(zhí)行命令
.PHONY: dist test

@# 執(zhí)行make命令時，默認(rèn)執(zhí)行help腳本
default: help

@# 執(zhí)行`make build-theme`就是執(zhí)行`npm run build:theme`腳本，
@# : 冒號前面為執(zhí)行的命令，冒號后面第二行第一個應(yīng)該為一個tab，tab之后跟腳本命令
@# 也就是說下面的為 'tab+npm npm build: theme'
# build all theme
@# 上面的build theme注釋可以查看下方的截圖，會在日志中輸出
build-theme: 
 npm run build:theme
install:
 npm install
dev:
 npm run dev
@# $()為使用函數(shù)
@# $@ 為當(dāng)前命令本身比如 'make new'，$@ 就是 new
@# MAKECMDGOALS 特殊變量，該變量記錄了命令行參數(shù)指定的目標(biāo)列表，也就是說使用這個變量，我們可以得到命令行的參數(shù)
@# 比如我們在創(chuàng)建新組件時，使用腳本`make new wailen` MAKECMDGOALS 就等于 wailen
@# filter-out 反過濾函數(shù)，過濾掉 $(MAKECMDGOALS) 中所有含有 $@ 的內(nèi)容
@# 結(jié)合new.js的內(nèi)容，下方腳本的意思也就是創(chuàng)建新組建，傳入組件名稱，組件名稱不得為new，如果組件名稱取為new，可以查看下方截圖
new:
 node build/bin/new.js $(filter-out $@,$(MAKECMDGOALS))
@# 省略了一些腳本，感興趣的可以自行查看源碼
help:
 @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 <component-name> [中文名]\033[0m\t---  創(chuàng)建新組件 package. 例如 'make new button 按鈕'"
 @echo "   \033[35mmake dev\033[0m\t\033[0m\t\033[0m\t\033[0m\t---  開發(fā)模式"
 @echo "   \033[35mmake dist\033[0m\t\033[0m\t\033[0m\t\033[0m\t---  編譯項(xiàng)目，生成目標(biāo)文件"
 @echo "   \033[35mmake deploy\033[0m\t\033[0m\t\033[0m\t\033[0m\t---  部署 demo"
 @echo "   \033[35mmake pub\033[0m\t\033[0m\t\033[0m\t\033[0m\t---  發(fā)布到 npm 上"
 @echo "   \033[35mmake new-lang <lang>\033[0m\t\033[0m\t\033[0m\t---  為網(wǎng)站添加新語言. 例如 'make new-lang fr'"

const fileSave = require('file-save');
const content = "const fs = require('fs');"
const callback = () => { console.log('腳本執(zhí)行') }
fileSave('文件路徑')
   .write('文件內(nèi)容比如上面的content', 'utf8', callback) // 內(nèi)容寫入成功會觸發(fā)回調(diào)
   .write('繼續(xù)添加content','utf8')
   .end('\n') // 文件操作結(jié)束，以空白行結(jié)束

// 創(chuàng)建 package
// 組件生成的目錄
const PackagePath = path.resolve(__dirname, '../../packages', componentname);
Files.forEach(file => {
  fileSave(path.join(PackagePath, file.filename))
    .write(file.content, 'utf8')
    .end('\n');
});

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

const content = `const fileSave = require('file-save'); `
const oldCode = fs.readFileSync('./demo.js')
fileSave('demo.js')
  .write(oldCode+content, 'utf8')
  .end('\n')

const fs = require('fs')

//創(chuàng)建可寫流 fs.WriteStream 類的對象，繼承自 <stream.Writable>
const writer = fs.createWriteStream('createStream.js', { // 查找該文件，沒有則創(chuàng)建
    //默認(rèn)值為w， 通過調(diào)用writer.write方法寫入數(shù)據(jù)的時候，會直接覆蓋文件所有的內(nèi)容，
    // 即會把文件之前的內(nèi)容全部再刪除，寫入新的數(shù)據(jù)
    flags: 'w'
})


//寫入數(shù)據(jù)到流
writer.write('這個文件的新內(nèi)容')

const savefs = {}
savefs._create_dir = function (fp, opts) {
  mkdirp.sync(fp, opts);
}
savefs.wstream = function (file) {
  var ws = fs.createWriteStream(file);
  this.writer = ws;
  return this;
}
savefs.write = function(chunk, encoding, cb) {
  ...
}

savefs.end = function(chunk, encoding, cb) {
  ...
}

savefs.finish = function(cb) {
  ...
}

savefs.error = function(cb) {
  ...
}
export { savefs }

fs.writeFile('文件路徑'，'要寫入的內(nèi)容'，['編碼']，'回調(diào)函數(shù)');