Как я могу использовать CDN-версию styleled-компонентов в браузере?

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

styled-components-macro.cjs.min.js не является UMD , поэтому, если вы включите этот файл, вы не получите глобальную переменную.

Если вы не используете пакетный менеджер или менеджер пакетову нас также есть глобальная ("UMD") сборка, размещенная на CDN unpkg.Просто добавьте следующий тег <script> в конец HTML-файла:

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

После добавления styled-components у вас будет доступ к глобальной переменной window.styled.

const Component = window.styled.div`
  color: red;
`

источник: https://www.styled -components.com / docs / basics # установка