create-react-app，构建结果很大，超过 2MB

Question

我正在使用原始的 create-react-app 构建，没有弹出。 但是我发现编译结果很大，2MB，正常吗？ 我删除了 'window.REDUX_DEVTOOLS_EXTENSION_COMPOSE'，实际上，我根本没有使用它。

import { createStore, compose, applyMiddleware } from 'redux'
import reducer from './reducer'
import thunk from 'redux-thunk'

// const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;//reduxTool
const composeEnhancers = compose;

const store = createStore(reducer, composeEnhancers(
  applyMiddleware(thunk)
))

export default store

package.json

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

这是构建结果。

Answer 1

您指向的文件是源映射文件。

这不是您缩小的生产代码（这是另一个文件）。源映射文件用于将缩小后的代码映射回未编译/缩小/构建状态以进行调试，因此您希望它的大小更大。有关更多详细信息，请参见此处： https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/

这对于 CRA 来说是正常的。

如果您想禁用源映射的生成，请参见此处：How to generate sourcemaps in create react app?