前端之家收集整理的这篇文章主要介绍了
javascript – 如何在.tsx打字稿中包含.css文件?,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我如何在“tsx”中包含“css”
文件以及如何使用它?
即如何渲染
静态文件?
@H_
404_3@import * as React from "react";
import { Header } from "./header";
//import "./home.css";
export class Home extends React.Component<{},{}> {
render() {
return (
<div id="page-top" className="landing-page">
<Header />
</div>
);
}
}
您不能仅使用typescript编译器将CSS或任何其他
静态文件直接导入typescript,但您可以借助一些构建工具…
例如,使用webpack,您可以设置css-loader和style-loader来搜索require(‘./ whatever.css’)的源代码,并在安全编译打字稿之前将其添加到构建中.如果您还有webpack生成HTML,那么您的CSS将自动注入样式表.
原文链接:https://www.f2er.com/js/240648.html