作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想用ts-nameof在我用 create-react-app
创建的 React 应用程序中.我怎么能在不弹出的情况下做到这一点?
提示:我也用 craco ,所以涉及 craco 的解决方案对我来说也很好。
谢谢!
最佳答案
可以通过 babel-macro 实现叫 ts-nameof.macro无需弹出。
我已经在使用以下方法生成的新应用程序上进行了测试:
npx create-react-app temp --template typescript
# install macro dependecies
yarn add -D ts-nameof.macro
# or
# npm i --save-dev ts-nameof.macro
NOTE: if your react-scripts version lower than 2.0, you also need to install
babel-plugin-macros
as dev dependency.
import React from 'react';
import nameof from "ts-nameof.macro"; // import nameof
import logo from './logo.svg';
import './App.css';
function App() {
console.log(nameof(window.alert)) // "alert"
return (
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<p>
Edit <code>src/App.tsx</code> and save to reload.
</p>
<a
className="App-link"
href="https://reactjs.org"
target="_blank"
rel="noopener noreferrer"
>
Learn React
</a>
</header>
</div>
);
}
export default App;
关于reactjs - 如何将 ts-nameof 与 create-react-app 或 craco 一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67545014/
我是一名优秀的程序员,十分优秀!