基金会不使用 create-react-app

Question

我正在使用 React 和 create-react-app 构建一个应用程序。我想使用 npm 的基础站点。我愿意：

import React, { Component } from 'react';
import jQuery from 'jquery';
import Foundation from 'foundation-sites';

在这一点上，即使没有进一步的代码，我也会收到来自 foundation.js 的错误 "Uncaught ReferenceError: jQuery is not defined"。通常人们使用 webpack 配置来解决这个问题，但是使用 create-react-app 我无法访问 webpack 配置。我不想做 eject。我尝试了 here 等其他解决方案，但没有任何帮助。 是否真的可以通过此设置使用 Foundation？

Answer 1

尝试将 jQuery 分配给 window。最好在入口点文件中完成。

window.jQuery = jQuery;

Answer 2

用下面的代码替换您的代码，它应该可以工作。

import jquery from 'jquery';
window.$ = window.jQuery = jquery;
require('foundation-sites');