How to convert create-react-app script into a static bundle

Question

Apologies if this is a strange/stupid question but I have been trying to transition from PHP to more JavaScript orientated development.

I have built a small single-page app with no routing using create-react-app, it is working exactly how I want but I now want to deploy it inside my existing PHP app.

The app does make some API calls so it cannot simply be converted to a static page.

Is there any way I can take what I currently have and convert it into a .js file that can simply be loaded without needing a server?

Thanks

ene_salinas · Accepted Answer · 2018-10-19 18:40:52Z

1

You can do it with webpack devServer

Here an example:

package.json

{
   "name": "sampleApp",
   "version": "1.0.0",
   "description": "",
   "devDependencies": {
      "webpack": "4.15.0",
      "webpack-cli": "3.0.8",
      "webpack-dev-server": "3.1.4"
   },

   "scripts": {
        "dev": "webpack --mode development && webpack-dev-server --mode development",
        "build": "webpack --mode production && webpack-dev-server --mode production"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/sample/sample.git"
   }
}

webpack.config.js

module.exports = {
   entry: './src/index.js',
   output: {
      path: path.resolve(__dirname, 'build'),
      filename: 'bundle.js',
   },
  devServer: {
    contentBase: path.resolve(__dirname, './'),
    publicPath: '/build/',
    host: '127.0.0.1',
    port: 9998,
    open: true
  },
  resolve: {
    extensions: ['.ts', '.js'],

  }
};

edited Oct 19, 2018 at 18:40

answered Oct 19, 2018 at 18:26

ene_salinas

7054 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ene_salinas Over a year ago

@Kez .- do you have any question? please let me know :)

Yura · Accepted Answer · 2018-10-19 16:16:56Z

0

Just execute npm run build and then uplod ./build frolder to your server.

answered Oct 19, 2018 at 16:16

Yura

3,2802 gold badges21 silver badges27 bronze badges

1 Comment

Kez Over a year ago

Hey thanks for the response, I want this app to run inside my PHP app though if that makes sense. I have a webroot folder containing all my js, css, etc. and I need to put the react script in there and run it.

Collectives™ on Stack Overflow

How to convert create-react-app script into a static bundle

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related