Под вашим public/index.html просто импортируйте скрипт напрямую
публичный / index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
<meta name="theme-color" content="#000000" />
...
<!-- add your scripts here -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<!-- -->
<title>React App</title>
</head>
<body>
И тогда в вашем коде просто позвоните прямо
т.е.. в App.jsx
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
render() {
// add this to not trigger eslint no-undef
/* global Modernizr */
console.log(Modernizr);
// do your checking with Modernizr
if (Modernizr.awesomeNewFeature) {
// do your stuff here
}
...
Если вы используете машинопись , вам нужно сначала объявить модуль / объект в начале файла машинописи, который будет использовать Modernizr, т.е.
declare const Modernizr:any;
или расширить интерфейс Window, т.е.
declare global {
interface Window {
Modernizr:any
}
}
и вызовите Modernizr под window интерфейсом, вот так
window.Modernizr.someFeature