Element uses scripts to automatically build new components

@# The default #comment will be output in the log, while @# will not. The role of PHONY: Ignore the check for conflicts with the dist and test directories in the script command below, which means that the command will be executed anyway. PHONY: dist test

@# When executing the make command, the help script is executed by default: help

@# Executing `make build-theme` is to execute the `npm run build:theme` script.
@# : The command to be executed is before the colon, and the first line after the colon should be a tab, followed by the script command @#. That is, the following is 'tab+npm npm build: theme'
# build all themes
@# The build theme comment above can be seen in the screenshot below, and build-theme will be output in the log: 
 npm run build:theme
install:
 npm install
dev:
 npm run dev
@# $() is the function to be used @# $@ is the current command itself, for example, 'make new', $@ is new
@# MAKECMDGOALS special variable, which records the target list specified by the command line parameters, that is, using this variable, we can get the command line parameters @# For example, when we create a new component, use the script `make new wailen` MAKECMDGOALS is equal to wailen
@# filter-out anti-filter function, filter out all the content containing $@ in $(MAKECMDGOALS) @# Combined with the content of new.js, the meaning of the script below is to create a new component and pass in the component name. The component name cannot be new. If the component name is new, you can see the screenshot below new:
 node build/bin/new.js $(filter-out $@,$(MAKECMDGOALS))
@# Some scripts are omitted. If you are interested, you can check the source code help:
 @echo " \033[35mmake\033[0m \033[1mCommand instructions\033[0m"
 @echo " \033[35mmake install\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- Install dependencies"
 @echo " \033[35mmake new <component-name> [Chinese name]\033[0m\t--- Create a new component package. For example, 'make new button button'"
 @echo " \033[35mmake dev\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- Development mode"
 @echo " \033[35mmake dist\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- Compile the project and generate the target file"
 @echo " \033[35mmake deploy\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- Deploy demo"
 @echo " \033[35mmake pub\033[0m\t\033[0m\t\033[0m\t\033[0m\t--- Publish to npm"
 @echo " \033[35mmake new-lang <lang>\033[0m\t\033[0m\t\033[0m\t--- Add a new language to the site. For example, 'make new-lang fr'"

const fileSave = require('file-save');
const content = "const fs = require('fs');"
const callback = () => { console.log('Script execution') }
fileSave('file path')
   .write('File content such as the above content', 'utf8', callback) // Successful content writing will trigger the callback.write('Continue to add content', 'utf8')
   .end('\n') // File operation ends with a blank line

// Create package
// Component generated directory 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')

//Create an object of the writable stream fs.WriteStream class, inherited from <stream.Writable>
const writer = fs.createWriteStream('createStream.js', { // Find the file and create it if it doesn't exist // The default value is w. When writing data by calling the writer.write method, all the contents of the file will be directly overwritten.
    // This will delete all previous contents of the file and write new data flags: 'w'
})


//Write data to the stream writer.write('new content of this file')

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('file path', 'content to be written', ['encoding'], 'callback function');