1.構建乙個專案
2.引入元件庫 antd 通過yarn add antd安裝 或者 npm i antd 安裝
/* package.json */
"scripts":
4.然後在專案根目錄建立乙個 config-overrides.js 用於修改預設配置。
module.exports = function override(config, env) ;
5.使用 babel-plugin-import 來按需引入
yarn add babel-plugin-import
然後修改config-overrides.js的內容
+ const = require('customize-cra');
- module.exports = function override(config, env) ;
+ module.exports = override(
+ fixbabelimports('import', ),
+ );
然後引入完成 使用元件即可
import
'../style/banner.css'
import react,
from
'react'
import
from
'antd'
;class
banner
extends
component
}>
dotposition=
//可以在元件標籤裡新增api裡的配置 操作元件樣式
>
1<
/h3>
<
/div>
2<
/h3>
<
/div>
3<
/h3>
<
/div>
4<
/h3>
<
/div>
<
/carousel>
<
/div>
<
/fragment>)}
}export
default banner
react系列(7)引入jquery
jquery在webpack中的引用寫法 var require jquery 若想發生網路請求,在元件剛完成掛載componentdidmount的時候,只要遵照jquery的ajax標準寫法標準即可 var ajaxtest react.createclass componentdidmount...
VUE3 0引入vant元件庫
目前vant 3 是基於 vue 3 開發的,在使用 vant 3 前,請將專案中的 vue 公升級到 3.0 以上版本。通過 npm 安裝 在現有專案中使用 vant 時,可以通過npm或yarn安裝 通過 npm 安裝npm i vant next s通過 yarn 安裝yarn add van...
thinkphp5 引入第三方類庫
1.首先在應用根目錄下面的extend 目錄下建立乙個檔案util 自己隨意建立只為自己識別 2.在util下建立乙個類檔案 或者引入其他的 建立乙個類 work.php 如下 namespaceutil classwork 3.引用我們建立的類 work.php 第一種引用方法 也是最常用的 首先...