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

資訊專欄INFORMATION COLUMN

React 使用相對(duì)于根目錄進(jìn)行引用組件

番茄西紅柿 / 1254人閱讀

摘要：在對(duì)自己開(kāi)發(fā)的組件中經(jīng)常會(huì)做諸如以下的引用這樣使用相對(duì)路徑引用雖然是比較常見(jiàn)的做法，不過(guò)在中大型項(xiàng)目中，引入的組件較多時(shí)，寫起來(lái)也是極其蛋疼的。當(dāng)然，我們可以通過(guò)使用中的配置別名，將某些文件目錄配置成固定的引入。

在對(duì)自己開(kāi)發(fā)的組件中經(jīng)常會(huì)做諸如以下的引用：

import genFetchEntryListArgs from "../../../utils/table/genFetchEntryListArgs";
import { parseQuery, stringifyQuery } from "../../../utils/query";
import mapMyToProps from "../../../utils/connect/mapMyToProps";
import genPagination from "../../../utils/table/pagination";
import handleConfirm from "../../../utils/handleConfirm";
import getBaseQuery from "../../../utils/getBaseQuery";
import setSortQuery from "../../../utils/setSortQuery";
import handleError from "../../../utils/handleError";
import injectProto from "../../../utils/injectProto";
import injectApi from "../../../utils/injectApi";
import querySchema from "./querySchema";
import genColumns from "./genColumns";

這樣使用相對(duì)路徑引用雖然是比較常見(jiàn)的做法，不過(guò)在中大型項(xiàng)目中，引入的組件較多時(shí)，寫起來(lái)也是極其蛋疼的。

當(dāng)然，我們可以通過(guò)使用 webpack 中的 resolve.alias 配置別名，將某些文件目錄配置成固定的引入。

例如上面的示例，我們可以將 utils 文件夾設(shè)置成一個(gè) utils 別名，以后就可以只需要將 utils 引入就行了，而不需要寫一坨 ../../../。

配置設(shè)置如下：

const path = require("path");

module.exports = {
    ...
    resolve: {
        alias: {
            "utils": path.resolve(__dirname, "../src/utils"),
        }
    },
    ...
};

最上面的示例經(jīng)過(guò)改寫之后，應(yīng)該如此：

import genFetchEntryListArgs from "../../../utils/table/genFetchEntryListArgs";
import { parseQuery, stringifyQuery } from "utils/query";
import mapMyToProps from "utils/connect/mapMyToProps";
import genPagination from "utils/table/pagination";
import handleConfirm from "utils/handleConfirm";
import getBaseQuery from "utils/getBaseQuery";
import setSortQuery from "utils/setSortQuery";
import handleError from "utils/handleError";
import injectProto from "utils/injectProto";
import injectApi from "utils/injectApi";
import querySchema from "./querySchema";
import genColumns from "./genColumns";

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

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

相關(guān)文章

  • React 項(xiàng)目結(jié)構(gòu)和組件命名規(guī)范

    摘要：作為一個(gè)庫(kù)，它沒(méi)有規(guī)定項(xiàng)目的整體結(jié)構(gòu)。位于的組件應(yīng)命名為。組件根據(jù)其與組件或的相對(duì)路徑進(jìn)行相應(yīng)命名?？紤]這樣一個(gè)場(chǎng)景，處于位置的組件會(huì)被命名為而不是。 React 作為一個(gè)庫(kù)，它沒(méi)有規(guī)定項(xiàng)目的整體結(jié)構(gòu)。這很好，因?yàn)樗o了我們自由去嘗試不同的方法，并適應(yīng)更適合我們的方式。另一方面，這可能會(huì)給React領(lǐng)域的開(kāi)發(fā)人員帶來(lái)一些困惑。 我將會(huì)在本文為大家展示我已經(jīng)使用過(guò)一段時(shí)間并且效果不錯(cuò)的方...

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

  • 《慕課React入門》總結(jié)

    摘要：入門與實(shí)戰(zhàn)組件虛擬的概念這是性能高效的核心算法為此引入了虛擬的機(jī)制。這個(gè)過(guò)程是自動(dòng)完成的。實(shí)際上是改變了樣式文件中類的名稱，使其唯一。如果希望使用達(dá)到的效果，則需要做件事情服務(wù)器支持。 React 入門與實(shí)戰(zhàn) react組件 虛擬DOM的概念 這是React性能高效的核心算法 React為此引入了虛擬DOM（Virtual DOM）的機(jī)制。基于React進(jìn)行開(kāi)發(fā)時(shí)所有的DOM構(gòu)造都是通...

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

  • 《慕課React入門》總結(jié)

    摘要：入門與實(shí)戰(zhàn)組件虛擬的概念這是性能高效的核心算法為此引入了虛擬的機(jī)制。這個(gè)過(guò)程是自動(dòng)完成的。實(shí)際上是改變了樣式文件中類的名稱，使其唯一。如果希望使用達(dá)到的效果，則需要做件事情服務(wù)器支持。 React 入門與實(shí)戰(zhàn) react組件 虛擬DOM的概念 這是React性能高效的核心算法 React為此引入了虛擬DOM（Virtual DOM）的機(jī)制?；赗eact進(jìn)行開(kāi)發(fā)時(shí)所有的DOM構(gòu)造都是通...

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

  • 響應(yīng)式 React Native Echarts 組件

    摘要：額外的三個(gè)參數(shù)賦給的參數(shù)對(duì)象，發(fā)生變化后內(nèi)部會(huì)自動(dòng)調(diào)用，實(shí)現(xiàn)響應(yīng)式刷新。利用，實(shí)現(xiàn)了通知執(zhí)行在中，可利用實(shí)現(xiàn)的事件向組件的通信。 一種在 React Native 中封裝的響應(yīng)式 Echarts 組件，使用與示例請(qǐng)參見(jiàn)：react-native-echarts-demo 近年來(lái)，隨著移動(dòng)端對(duì)數(shù)據(jù)可視化的要求越來(lái)越高，類似 MPAndroidChart 這樣的傳統(tǒng)圖表庫(kù)已經(jīng)不能滿足產(chǎn)品...

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

  • 一步一步開(kāi)發(fā)安卓下的react-native應(yīng)用系列之進(jìn)階篇

    摘要：首先我們打開(kāi)命令行，切換到項(xiàng)目根目錄下，輸入安裝完成后，請(qǐng)注意，需要把目錄下的所有字體文件拷貝到目錄下，如果沒(méi)有該目錄，請(qǐng)自行創(chuàng)建。 ????????看過(guò)我前面文章的朋友們現(xiàn)在應(yīng)該能正常運(yùn)行自己的第一個(gè)RN應(yīng)用了，那都是小兒科，現(xiàn)在我們來(lái)做點(diǎn)進(jìn)階一點(diǎn)的東西。這篇文章有一些屬于干貨性的東西，請(qǐng)仔細(xì)閱讀。特別需要注意我加粗的部分。????????首先我們來(lái)看下js文件結(jié)構(gòu)，在項(xiàng)目初始化成功...

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

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

0條評(píng)論

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