最近剛開始解除react用的是官方推薦的create-react-app腳手架工具如果想要自己修改webpack之類的配置需要執(zhí)行npm run eject彈出配置文件但這個(gè)操作是不可逆的遇到一個(gè)問題就是我執(zhí)行npm run eject之后發(fā)現(xiàn)所有依賴的包都加在了dependencies里,類似babel,eslint之類的配置都放在了里面 如下package.json里面的dependencies對(duì)應(yīng)的是生產(chǎn)環(huán)境,這里面大部分包其實(shí)只是在開發(fā)環(huán)境下依賴的,應(yīng)該放在devDependencies下的我嘗試在這種狀態(tài)下build? 發(fā)現(xiàn)也并沒有全都把那些包加進(jìn)去,但就是很好奇,這樣會(huì)有什么影響嗎?或者我主動(dòng)把那些包放在devDependencies里面可行嗎??求指點(diǎn){
??"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"
??}
}
React 運(yùn)行npm run eject的問題
Ni14
2018-02-01 17:55:43