javascript - Migrating react project dependencies from node to apache -


i have created react application using create-react-app want move application node apache , i'm not sure how handle project's dependencies. instance, material-ui's documentation lists npm on installation guide.

is there way these dependencies work on apache server?

if so, separate configuration process each dependency?

package.json  {   "name": "app",   "version": "0.1.0",   "private": true,   "dependencies": {     "material-ui": "^0.18.6",     "npm": "^5.1.0",     "prop-types": "^15.5.10",     "react": "^15.6.1",     "react-dom": "^15.6.1",     "react-flexbox-grid": "^1.1.3",     "react-router": "^4.1.1",     "react-router-dom": "^4.1.1",     "react-tap-event-plugin": "^2.0.1"   },   "devdependencies": {     "babel-preset-env": "^1.6.0",     "eslint": "^3.19.0",     "eslint-config-airbnb": "^15.0.1",     "eslint-plugin-import": "^2.7.0",     "eslint-plugin-jsx-a11y": "^5.1.0",     "eslint-plugin-react": "^7.1.0",     "react-scripts": "1.0.10"   },   "scripts": {     "start": "react-scripts start",     "build": "react-scripts build",     "test": "react-scripts test --env=jsdom",     "eject": "react-scripts eject"   } }

react applications don't depend on particular server technology - once build has run, it's static javascript.

running npm run build in project's root create dist folder bundled application inside - need deploy contents of folder apache server.

see 'deploying' section of create-react-app readme more info.

as aside - if you've been using create-react-app's built-in server in production, don't! that's designed development, , not performant nor secure enough serving app world.


Comments

Post a Comment

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

while performing simple hover test on firefox through selenium (3.4.0) python bindings (3.4.3) using of available os in saucelabs (except linux, latest available firefox version old), performing following actionchain: hover = actionchains(driver) hover.move_to_element(elm_men_menu).perform() it throws following error: taceback: file [...] in testhover hover.perform() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 80, in perform action() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 290, in <lambda> command.move_to, {'element': to_element.id})) file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/remote/webdriver.py", line 256, in execute self.error_handler.check_response(response) file "/usr/local/lib/python2.7/...
Read more

html - How to custom Bootstrap grid height? -

why bootstrap grid has height 591.067 ? did height came ? .main-post { padding: 20px; background-color: #fff; border: 1px solid #d8d8d8; margin-bottom: 100px; } .main-post .post-categories { margin-bottom: 10px } .main-post h3 { margin: 0 0 10px; color: #777; letter-spacing: -1px; font-weight: bold } .main-post .post-author, .main-post .post-date, .main-post .post-comments { font-size: 12px } .main-post img { display: block; margin: 10px 0; } .main-post .post-summary { line-height: 1.7; color: #888 } .main-post { color: #999 } <div class="col-sm-6"> <div class="main-post"> <h3 class="post-title"> <a href="#"> post title </a> </...
Read more

angular - Copying node modules to wwwroot AspNetCore -

i working on aspnet core web application angular 2. since angular 2 requires node modules, install dependencies using package.json. creates folder in solution level. since aspnetcore application reference can access wwwroot folder each , every time tend copy node modules folder manually wwwroot folder. approach should fine long not adding new dependency. if keep on adding new packages painful copy manually every time. solution ? i wouldn't copy node_modules wwwroot folder, because contains lot of stuff you'll never need. copy needed stuff wwwroot . best way so, using webpack. wrote lines in posts: http://asp.net-hacker.rocks/2016/09/19/aspnetcore-and-angular2-using-dotnetcli-and-vscode.html http://asp.net-hacker.rocks/2016/09/19/aspnetcore-and-angular2-using-dotnetcli-and-vscode.html this posts using angular2, , outdated, concepts of using webpack still same. option use grunt or gulp copy needed javascript files wwwroot : http://asp.net-hacker.rock...
Read more