簡單介紹
首先本文不會對webpack代碼進行解釋，其所有配置都可以在文檔上找到。
平時工作中會寫一些多頁面應用，因為習慣了react的開發模式，故此寫了一個簡單的配置，跟大家一起分享。如果你也喜歡，對你的開發有所幫助，希望給點鼓勵（start）
github地址：https://github.com/ivan-GM/Gm-cli
項目目錄介紹：
打包后文件目錄：
打包成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進行了簡單的說明，如果感興趣了，可以深入研究
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。
新聞熱點
疑難解答
