当前位置: 首页 > Web前端 > HTML5

简单介绍一个基于react+webpack的多页面应用配置

时间:2023-04-05 23:42:18 HTML5

首先,本文不会讲解webpack代码,其所有配置都可以在文档中找到。平时工作中会写一些多页面的应用,因为习惯了react的开发模式,所以写了一个简单的配置分享给大家。如果你也喜欢,对你的发展会有帮助。希望能给点鼓励(start)github地址:https://github.com/ivan-GM/Gm...项目目录介绍:打包后,文件目录:打包成cli如果厌倦了复制粘贴newprojects,也可以build到cli1中,先创建文件夹,npminit初始化项目;2、创建bin目录,touchindex.js写入配置文件;constcommander=require('commander');constinquirer=require('inquirer');constdownload=require('download-git-repo')constora=require('ora');constquestions=[{类型:'input',name:'projectName',message:'projectname:',filter:function(val){returnval;}}]commander.option('init','createproject').version('1.0','-v,--version')commander.command('init').description('').action(()=>{inquirer.prompt(questions).then(answers=>{const{projectName}=answers;constspinner=ora('Loadingunicorns').start();spinner.color='green';spinner.text='正在下载模板...';download('直接: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.添加命令:openpackage.json"bin":{"my-cli":"./bin/index.js"},4.发布npm*以上代码只是简单的打包成cli的说明.有兴趣可以深入研究