运营项目的架构(三)

React 项目中如何引入第三方库的问题。主要看这个库的作用范围,只在组件使用的就在组件定义,多个组件使用的可以考虑全局定义。

  1. jQuery在组件级别引用 jQuery

import $ from 'jquery'; window.jQuery = window.$ = $;

  1. Bootstrap 在组件级别引用Bootstrap:

可以直接使用 Bootstrap等组件。

import 'bootstrap/dist/css/bootstrap.min.css'; require('bootstrap'); require('bootstrap-datepicker');

或者是直接使用 封装好的 react-bootstrap

import { Navbar, Nav, NavItem, NavDropdown, MenuItem } from 'react-bootstrap'

  1. flexible,因为每一个页面都需要,所以是全局调用,写在 public 的 index.html 中的 script,用的压缩的版本。

自定义的函数,如果想跨组价调用,可以 挂载在 window 对象上。