html - 如何在浏览器上使用样式化组件 CDN 构建？

Question

index.html

我从以下位置获取 CDN 文件:
<script src="https://cdnjs.cloudflare.com/ajax/libs/styled-components/4.3.2/styled-components-macro.cjs.min.js"></script>
我如何访问 styled功能？
const {styled} = window.styled-components不起作用。

Answer 1

对于第 5 版，如 docs 中所述您现在需要包含 react-is之前 styled-components

<!-- react, react-dom dev bundles -->
<script crossorigin src="//unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="//unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

<!-- react-is -->
<script crossorigin src="//unpkg.com/react-is/umd/react-is.production.min.js"></script>

<!-- styled-components -->
<script crossorigin src="//unpkg.com/styled-components/dist/styled-components.min.js"></script>

<script>
  const Component = window.styled.div`background-color: green;`;
</script>