fix: #76

packages/crd-seed/component/Affix/affix.js

@@ -1,8 +1,6 @@
-import * as React from 'react'
+import { useState, useLayoutEffect, useRef } from 'react'
 import { throttle } from './utils'
 
-const { useState, useLayoutEffect, useRef } = React
-
 const Affix = ({
   offsetTop,
   offsetBottom,

packages/crd-seed/component/Icon/Icon.js

@@ -1,10 +1,8 @@
-import * as React from 'react'
+import { useEffect } from 'react'
 import cx from 'classnames'
 import loadSprite from './loadSprite'
 import styles from './style/index.less'
 
-const { useEffect } = React
-
 /* omit some props depends on arr */
 const omit = (props, arr) =>
   Object.keys(props)

packages/crd-seed/component/Menu/Menu.js

@@ -1,4 +1,4 @@
-import * as React from 'react'
+import { useState } from 'react'
 import cx from 'classnames'
 import MenuItem from './MenuItem'
 import { SubMenu } from './SubMenu'
@@ -16,7 +16,7 @@ const Menu = ({
   toggle,
 }) => {
   /* 存储 hover 状态的 key 值, 在垂直模式中需要根据 hover 的 key 值高亮父节点 */
-  const [hoverKey, setHoverKey] = React.useState('')
+  const [hoverKey, setHoverKey] = useState('')
   const MenuContext = {
     theme,
     mode: 'inline',

packages/crd-seed/component/Menu/SubMenu.js

@@ -1,4 +1,4 @@
-import { useState, useRef, useLayoutEffect } from 'react'
+import { useState, useRef, useLayoutEffect, Fragment, Children, cloneElement } from 'react'
 import cx from 'classnames'
 import Transition from './transition'
 import { getMenuStyle } from './util'
@@ -55,17 +55,17 @@ function SubMenu({
    */
   function isReactFragment(variableToInspect) {
     if (variableToInspect.type) {
-      return variableToInspect.type === React.Fragment
+      return variableToInspect.type === Fragment
     }
-    return variableToInspect === React.Fragment
+    return variableToInspect === Fragment
   }
 
   /* 行内模式下, 渲染子节点 */
   const renderChild = (child) => {
     return (
       // eslint-disable-next-line quotes
       <>
-        {React.Children.map(child || children, (reactNode) => {
+        {Children.map(child || children, (reactNode) => {
           if (!reactNode || typeof reactNode !== 'object') {
             return null
           }
@@ -76,7 +76,7 @@ function SubMenu({
           ) {
             return renderChild(childElement.props.children)
           }
-          return React.cloneElement(childElement, {
+          return cloneElement(childElement, {
             level: level + 1,
             ...childElement.props,
           })
@@ -106,7 +106,7 @@ function SubMenu({
   /* 判断 subMenu 是否被选中, 当子节点被选中时, 父节点也会被高亮;
     同时在 vertical 模式时, 当子节点被 hover 时, 父节点也会被高亮; */
   const judgeSubmenuSelect = (reactChildren) => {
-    const result = React.Children.toArray(reactChildren).some((reactNode) => {
+    const result = Children.toArray(reactChildren).some((reactNode) => {
       if (!reactNode || typeof reactNode !== 'object') {
         return false
       }

packages/crd-seed/component/Menu/context.js

@@ -1,6 +1,4 @@
-import * as React from 'react'
-
-const { createContext, useContext } = React
+import { createContext, useContext } from 'react'
 
 const MenuContext = createContext(undefined)
 

packages/scripts/src/conf/webpack.config.prod.js

@@ -22,7 +22,7 @@ module.exports = function (cmd) {
       const loaders = []
       loaders.push({
         // Process JS with Babel.
-        test: /\.(js|jsx|mjs)$/,
+        test: /\.(js|jsx)$/,
         exclude: paths.getExcludeFoldersRegExp.concat(/\.(cache)/),
         use: [
           {