作者:xl466581836 | 来源:互联网 | 2023-08-12 02:56
简朴引见起首本文不会对webpack代码举行诠释,其所有设置都能够在文档上找到。日常平凡工作中会写一些多页面运用,由于习惯了react的开辟形式,故此写了一个简朴的设置,跟人人一同
简朴引见
起首本文不会对webpack代码举行诠释,其所有设置都能够在文档上找到。
日常平凡工作中会写一些多页面运用,由于习惯了react的开辟形式,故此写了一个简朴的设置,跟人人一同分享。假如你也喜好,对你的开辟有所协助,愿望给点勉励(start)
github地点:https://github.com/ivan-GM/Gm…
项目目次引见:
打包后文件目次:
打包成cli
假如你厌烦了新项目的复制、粘贴,也能够构建成cli
1,起首建立个文件夹,npm init初始化项目;
2, 建立bin目次,touch index.js 编写设置文件;
const commander = require('commander');
const inquirer = require('inquirer');
const download = require('download-git-repo')
const ora = require('ora');
const questiOns= [
{
type: 'input',
name: 'projectName',
message: 'project name:',
filter: function (val) {
return val;
}
}
]
commander
.option('init', 'create project')
.version('1.0', '-v, --version')
commander
.command('init')
.description('')
.action(() => {
inquirer.prompt(questions).then(answers => {
const { projectName } = answers;
const spinner = ora('Loading unicorns').start();
spinner.color = 'green';
spinner.text = 'downloading template...';
download('direct:https://github.com/ivan-GM/live', projectName, { clone: true }, (err) => {
if (err) {
console.log(err)
} else {
spinner.stop()
console.log('sucess')
}
})
})
});
commander.parse(process.argv);
3,增加敕令:翻开package.json
"bin": {
"my-cli": "./bin/index.js"
},
4,宣布npm
*上面代码只是对打包成cli举行了简朴的申明,假如感兴趣了,能够深入研究