Node.js 创建react应用程序,构建结果很大,超过2MB

Node.js 创建react应用程序,构建结果很大,超过2MB,node.js,reactjs,create-react-app,Node.js,Reactjs,Create React App,我正在使用原始的CreateReact应用程序进行构建,没有弹出。 但是我发现构建结果非常大,是2MB,这正常吗? 我删除了“window.REDUX\u DEVTOOLS\u EXTENSION\u COMPOSE”,实际上,我根本没有使用它 import { createStore, compose, applyMiddleware } from 'redux' import reducer from './reducer' import thunk from 'redux-thunk'

我正在使用原始的CreateReact应用程序进行构建,没有弹出。 但是我发现构建结果非常大,是2MB,这正常吗? 我删除了“window.REDUX\u DEVTOOLS\u EXTENSION\u 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"
  },

这是生成结果。

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

这不是您的缩小生产代码(另一个文件)。源映射文件用于将缩小的代码映射回未编译/缩小/编译状态以进行调试,因此您希望它的大小更大。有关更多详细信息,请参见此处:

这对于CRA来说是正常的


如果要禁用源映射的生成,请参见此处:

这是否回答了您的问题?在html5rocks的链接中,Ryan说,“只有启用了源地图并打开了开发工具,才能下载源地图文件。您还需要上传原始文件,以便开发工具可以在必要时引用和显示它们。”那么,这是否意味着,只有当我的开发工具打开时,导航器将向我的web服务器发送请求以下载源地图文件?我的普通终端用户不需要下载源地图文件,对吧…?@Mahatini是的。从生产构建中删除源映射的唯一原因是使您的实现有点模糊。