亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專(zhuān)欄INFORMATION COLUMN

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

546669204 / 3009人閱讀

摘要：簡(jiǎn)單介紹首先本文不會(huì)對(duì)代碼進(jìn)行解釋?zhuān)渌信渲枚伎梢栽谖臋n上找到。平時(shí)工作中會(huì)寫(xiě)一些多頁(yè)面應(yīng)用，因?yàn)榱?xí)慣了的開(kāi)發(fā)模式，故此寫(xiě)了一個(gè)簡(jiǎn)單的配置，跟大家一起分享。

簡(jiǎn)單介紹

首先本文不會(huì)對(duì)webpack代碼進(jìn)行解釋?zhuān)渌信渲枚伎梢栽谖臋n上找到。

平時(shí)工作中會(huì)寫(xiě)一些多頁(yè)面應(yīng)用，因?yàn)榱?xí)慣了react的開(kāi)發(fā)模式，故此寫(xiě)了一個(gè)簡(jiǎn)單的配置，跟大家一起分享。如果你也喜歡，對(duì)你的開(kāi)發(fā)有所幫助，希望給點(diǎn)鼓勵(lì)（start）

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

項(xiàng)目目錄介紹：

打包后文件目錄：

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

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

2, 創(chuàng)建bin目錄，touch index.js 編寫(xiě)配置文件；

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，添加命令:打開(kāi)package.json

  "bin": {
     "my-cli": "./bin/index.js"
    },

4,發(fā)布npm

*上面代碼只是對(duì)打包成cli進(jìn)行了簡(jiǎn)單的說(shuō)明，如果感興趣了，可以深入研究

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/100973.html

相關(guān)文章

  • 告別webpack react 搭建多頁(yè)面之痛

    摘要：搭建多頁(yè)面應(yīng)用在往下看之前請(qǐng)確保先上個(gè)涼的吃著目錄結(jié)構(gòu)編譯結(jié)果配置文件腳本存放處項(xiàng)目開(kāi)發(fā)中一些常用的方法主要存放和請(qǐng)求有關(guān)的靜態(tài)文件模版文件項(xiàng)目開(kāi)發(fā)中一些常用的方法其實(shí)我覺(jué)得可以和放在一塊，但是個(gè)人習(xí)慣還是分開(kāi)啦開(kāi)始擼代碼如何創(chuàng)建多頁(yè)面應(yīng)用 webpack4 搭建 react 多頁(yè)面應(yīng)用 在往下看之前請(qǐng)確保nodejs > 8.X 先上個(gè)涼的吃著 目錄結(jié)構(gòu) . ├── dist ...

    seanHai 評(píng)論0 收藏0

  • 基于webpack4.x, babel7.x 搭建的多頁(yè)面腳手架, 簡(jiǎn)化前端開(kāi)發(fā)環(huán)境配置，開(kāi)箱即用，

    摘要：開(kāi)箱即用的多頁(yè)面腳手架基于模塊化開(kāi)發(fā)可復(fù)用的現(xiàn)代化網(wǎng)站感興趣的朋友，請(qǐng)點(diǎn)個(gè)及時(shí)關(guān)注項(xiàng)目更新請(qǐng)點(diǎn)個(gè)項(xiàng)目請(qǐng)?zhí)崽匦灾С智昂蠖朔蛛x開(kāi)發(fā)配置完整的打包方案支持本地開(kāi)發(fā)熱更新集成代碼風(fēng)格校驗(yàn)支持編寫(xiě)源碼，編譯生成生產(chǎn)代碼內(nèi)置開(kāi)發(fā)環(huán)境，自動(dòng)加樣式前綴自 Webpack-seed 開(kāi)箱即用的多頁(yè)面腳手架, 基于webpack4.2x babel7.1x模塊化開(kāi)發(fā)可復(fù)用的現(xiàn)代化網(wǎng)站(Without Vu...

    junfeng777 評(píng)論0 收藏0

  • 基于 Webpack 4 多入口生成模板用于服務(wù)端渲染的方案及實(shí)戰(zhàn)

    摘要：原作者原鏈接基于多入口生成模板用于服務(wù)端渲染的方案及實(shí)戰(zhàn)法律聲明警告本作品遵循署名非商業(yè)性使用禁止演繹未本地化版本協(xié)議發(fā)布。這是什么背景現(xiàn)代化的前端項(xiàng)目中很多都使用了客戶(hù)端渲染的單頁(yè)面應(yīng)用。 原作者：@LinuxerPHL原鏈接：基于 Webpack 4 多入口生成模板用于服務(wù)端渲染的方案及實(shí)戰(zhàn) 法律聲明 警告：本作品遵循 署名-非商業(yè)性使用-禁止演繹3.0 未本地化版本（CC BY-...

    big_cat 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<