详细解释基于react webpack的多页应用程序配置

简介

首先，本文不会解释webpack代码，它的所有配置都可以在文档中找到。

我在工作中通常会写一些多页的应用程序。因为习惯了react的开发模式，所以写了一个简单的配置分享给大家。如果你也喜欢，会对你的发展有帮助，希望能给点鼓励(开始)

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；} }]指挥官。选项(' init '，' create project ')。版本(' 1.0 '，'-v，- version)指挥官。命令(' init ')。描述(“”)。action(()={ inquirer.prompt(问题))。然后(答案={ const { projectName }=答案；常量微调器=ora(“加载独角兽”)。start()；spinner.color='绿色'；spinner.text='正在下载模板.'；下载(' direct :https://github.com/Ivan-GM/live '，projectName，{ clone: true }，(err)={ if(err){ console . log(err)} else { spinner . stop()console . log(' success ')} })}))；commander . parse(process . argv)；3.添加命令：打开package.json

Bin' : {'my-CLI' : '。/bin/index.js'}，4。发布npm

*上面的代码只是对打包成cli的简单解释。如果你感兴趣，可以深入研究。

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。