含義：
用于提供給項(xiàng)目全局中可用的常量，每個(gè)頁面都可使用
例:
在跟目錄.umirc文件里進(jìn)行配置 define
import { defineConfig } from 'umi';
export default defineConfig({
nodeModulesTransform: {
type: 'none',
},
routes: [
{ path: '/', component: '@/pages/index' }
],
fastRefresh: {},
// DefinePlugin全局常量
define:{
'stateDemo':'1000'
}
});
頁面中的使用
import styles from './index.less';
import React, { Component } from 'react'
export default class index extends Component{
// 在生命周期里進(jìn)行打印
componentDidMount(){
console.log(stateDemo)
}
render(){
return (
<div>
<h1 className={styles.title}>Page index</h1>
</div>
);
}
}
在控制臺(tái)查看
image.png
問題：tsx中報(bào)錯(cuò)提示找不到stateDemo名稱
在網(wǎng)上找到了2種解決方案，我這里第二種方式解決了
解決方法：
- 使用完整引用：process.env.stateDemo
-
全局聲明 FOO：在 typings.d.ts 文件中，添加 declare const stateDemo: string // string 是 FOO 的數(shù)據(jù)類型，如果類型不定，直接寫成 any 吧
如：
image.png
這樣就可以完美使用了
