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

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

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

这对于 CRA 来说是正常的。

如果您想禁用源映射的生成，请参阅此处：

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

create-react-app, building result is large, over 2MB

node.js

reactjs

create-react-app