国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

一個基于react+webpack的多頁面應用配置

546669204 / 2911人閱讀

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

簡單介紹

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

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

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

項目目錄介紹:

打包后文件目錄:

打包成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進行了簡單的說明,如果感興趣了,可以深入研究

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100973.html

相關文章

  • 告別webpack react 搭建多頁面之痛

    摘要:搭建多頁面應用在往下看之前請確保先上個涼的吃著目錄結構編譯結果配置文件腳本存放處項目開發中一些常用的方法主要存放和請求有關的靜態文件模版文件項目開發中一些常用的方法其實我覺得可以和放在一塊,但是個人習慣還是分開啦開始擼代碼如何創建多頁面應用 webpack4 搭建 react 多頁面應用 在往下看之前請確保nodejs > 8.X 先上個涼的吃著 目錄結構 . ├── dist ...

    seanHai 評論0 收藏0
  • 基于webpack4.x, babel7.x 搭建的多頁面腳手架, 簡化前端開發環境配置,開箱即用,

    摘要:開箱即用的多頁面腳手架基于模塊化開發可復用的現代化網站感興趣的朋友,請點個及時關注項目更新請點個項目請提特性支持前后端分離開發配置完整的打包方案支持本地開發熱更新集成代碼風格校驗支持編寫源碼,編譯生成生產代碼內置開發環境,自動加樣式前綴自 Webpack-seed 開箱即用的多頁面腳手架, 基于webpack4.2x babel7.1x模塊化開發可復用的現代化網站(Without Vu...

    junfeng777 評論0 收藏0
  • 基于 Webpack 4 多入口生成模板用于服務端渲染的方案及實戰

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

    big_cat 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<