亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

React 運行npm run eject的問題

React 運行npm run eject的問題

Ni14 2018-02-01 17:55:43
最近剛開始解除react用的是官方推薦的create-react-app腳手架工具如果想要自己修改webpack之類的配置需要執行npm run eject彈出配置文件但這個操作是不可逆的遇到一個問題就是我執行npm run eject之后發現所有依賴的包都加在了dependencies里,類似babel,eslint之類的配置都放在了里面 如下package.json里面的dependencies對應的是生產環境,這里面大部分包其實只是在開發環境下依賴的,應該放在devDependencies下的我嘗試在這種狀態下build? 發現也并沒有全都把那些包加進去,但就是很好奇,這樣會有什么影響嗎?或者我主動把那些包放在devDependencies里面可行嗎??求指點{ ??"name":?"todo-list", ??"version":?"0.1.0", ??"private":?true, ??"dependencies":?{ ????"autoprefixer":?"7.1.6", ????"babel-core":?"6.26.0", ????"babel-eslint":?"7.2.3", ????"babel-jest":?"20.0.3", ????"babel-loader":?"7.1.2", ????"babel-preset-react-app":?"^3.1.1", ????"babel-runtime":?"6.26.0", ????"case-sensitive-paths-webpack-plugin":?"2.1.1", ????"chalk":?"1.1.3", ????"css-loader":?"0.28.7", ????"dotenv":?"4.0.0", ????"dotenv-expand":?"4.0.1", ????"eslint":?"4.10.0", ????"eslint-config-react-app":?"^2.1.0", ????"eslint-loader":?"1.9.0", ????"eslint-plugin-flowtype":?"2.39.1", ????"eslint-plugin-import":?"2.8.0", ????"eslint-plugin-jsx-a11y":?"5.1.1", ????"eslint-plugin-react":?"7.4.0", ????"extract-text-webpack-plugin":?"3.0.2", ????"file-loader":?"1.1.5", ????"fs-extra":?"3.0.1", ????"html-webpack-plugin":?"2.29.0", ????"jest":?"20.0.4", ????"object-assign":?"4.1.1", ????"postcss-flexbugs-fixes":?"3.2.0", ????"postcss-loader":?"2.0.8", ????"promise":?"8.0.1", ????"prop-types":?"^15.6.0", ????"raf":?"3.4.0", ????"react":?"^16.2.0", ????"react-dev-utils":?"^5.0.0", ????"react-dom":?"^16.2.0", ????"react-redux":?"^5.0.6", ????"redux":?"^3.7.2", ????"style-loader":?"0.19.0", ????"sw-precache-webpack-plugin":?"0.11.4", ????"url-loader":?"0.6.2", ????"webpack":?"3.8.1", ????"webpack-dev-server":?"2.9.4", ????"webpack-manifest-plugin":?"1.3.2", ????"whatwg-fetch":?"2.0.3" ??}, ??"scripts":?{ ????"start":?"node?scripts/start.js", ????"build":?"node?scripts/build.js", ????"test":?"node?scripts/test.js?--env=jsdom" ??}, ??"jest":?{ ????"collectCoverageFrom":?[ ??????"src/**/*.{js,jsx,mjs}" ????], ????"setupFiles":?[ ??????"<rootDir>/config/polyfills.js" ????], ????"testMatch":?[ ??????"<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}", ??????"<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}" ????], ????"testEnvironment":?"node", ????"testURL":?"http://localhost", ????"transform":?{ ??????"^.+\\.(js|jsx|mjs)$":?"<rootDir>/node_modules/babel-jest", ??????"^.+\\.css$":?"<rootDir>/config/jest/cssTransform.js", ??????"^(?!.*\\.(js|jsx|mjs|css|json)$)":?"<rootDir>/config/jest/fileTransform.js" ????}, ????"transformIgnorePatterns":?[ ??????"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$" ????], ????"moduleNameMapper":?{ ??????"^react-native$":?"react-native-web" ????}, ????"moduleFileExtensions":?[ ??????"web.js", ??????"mjs", ??????"js", ??????"json", ??????"web.jsx", ??????"jsx", ??????"node" ????] ??}, ??"babel":?{ ????"presets":?[ ??????"react-app" ????] ??}, ??"eslintConfig":?{ ????"extends":?"react-app" ??} }
查看完整描述

8 回答

已采納
?
ruibin

TA貢獻358條經驗 獲得超213個贊

首先,你要明白打包的原理。打包是把你項目引用到的模塊合成起來,放到一起。很明顯,哪些打包過程依賴的工具包,你在項目中并沒有引用,所以并不會被打包到最后的文件中。 為什么要分devDependencies 和dependencies 主要是為了方便用戶理解這些包的用途。你想要驗證下,也可以把項目需要的react包放在devDependencies中,一樣可以正常打包到項目里面去。

查看完整回答
3 反對 回復 2018-02-02
點擊展開后面1
  • 8 回答
  • 0 關注
  • 20049 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號