一個基于react+webpack的多頁面應(yīng)用配置

546669204 發(fā)布于2019-08-23 14:40 / 2931人閱讀

摘要：簡單介紹首先本文不會對代碼進行解釋，其所有配置都可以在文檔上找到。平時工作中會寫一些多頁面應(yīng)用，因為習(xí)慣了的開發(fā)模式，故此寫了一個簡單的配置，跟大家一起分享。

簡單介紹

首先本文不會對webpack代碼進行解釋，其所有配置都可以在文檔上找到。

平時工作中會寫一些多頁面應(yīng)用，因為習(xí)慣了react的開發(fā)模式，故此寫了一個簡單的配置，跟大家一起分享。如果你也喜歡，對你的開發(fā)有所幫助，希望給點鼓勵（start）

github地址：https://github.com/ivan-GM/Gm...

項目目錄介紹：

打包后文件目錄：

打包成cli

如果你厭煩了新項目的復(fù)制、粘貼，也可以構(gòu)建成cli

1，首先創(chuàng)建個文件夾，npm init初始化項目；

2, 創(chuàng)建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,發(fā)布npm

*上面代碼只是對打包成cli進行了簡單的說明，如果感興趣了，可以深入研究

GPU云服務(wù)器云服務(wù)器 webpack cdn配置 webpack配置cdn webpack常用配置項基于云計算的應(yīng)用

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/100973.html

發(fā)表評論

登陸后可評論

0條評論

546669204

男|高級講師

我要關(guān)注我要私信

TA的文章

自己的主機怎么備案-我用自己的電腦做服務(wù)器，網(wǎng)站怎么備案？

閱讀 5297·2021-09-22 15:59
搬瓦工日本軟銀 JPOS_1 機房是 CN2 GIA 線路嗎？怎么沒有 59.43 節(jié)點？

閱讀 1878·2021-08-23 09:42
一些今天看的要點

閱讀 2574·2019-08-29 18:42
（CSS）帶有右側(cè)邊欄的響應(yīng)式頁面的CSS樣式

閱讀 3459·2019-08-29 10:55
logback 配置文件編寫

閱讀 2072·2019-08-27 10:57
JavaScript中的淺拷貝與深拷貝

閱讀 1771·2019-08-26 18:27
談一談原型和原型鏈

閱讀 2733·2019-08-23 18:26
一個基于react+webpack的多頁面應(yīng)用配置

閱讀 2932·2019-08-23 14:40

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！