Skip to content

Latest commit

 

History

History
175 lines (103 loc) · 3.08 KB

README.md

File metadata and controls

175 lines (103 loc) · 3.08 KB
Raw

createreactappmanifest integrate Create React App with Go web application

Type: Config

type Config struct {
    // the PUBLIC_URL environment variable when do yarn build in react app
    PublicURL   string
    ManifestDir string

    // sometime you want to excludes the files in react app public folder.
    MountExcludeForPublic string
    IsDev                 bool

    /*
        Disable the code splitting in development mode, so you can get only one bundle at `http://localhost:3000/static/js/bundle.js`
        1. Install `@rescripts/cli` as a devDependency. `yarn add -D @rescripts/cli`
        2. Change the start script in package.json from "start": "react-scripts start" to "start": "rescripts start"
        3. Change the build script in package.json from "build": "react-scripts build" to "build": "INLINE_RUNTIME_CHUNK=false rescripts build"
        4. Create a `.rescriptsrc.js` file at your project root with the following contents:
        ```
        module.exports = config => {
        if (process.env.NODE_ENV === "development") {
            config.optimization.runtimeChunk = false;
            config.optimization.splitChunks = {
            cacheGroups: {
                default: false
            }
            };
        }

        return config;
        };
        ```
    */
    DevBundleURL string
}

Type: Data

type Data struct {
    Files map[string]string
}

Type: MData

type MData struct {
    JS  []string
    CSS []string
}

Type: Manifest

type Manifest struct {
    // contains filtered or unexported fields
}

Manifest: New

func New(cfg *Config) (m *Manifest, err error)

Mount expose assets with ServeMux, and GetJSURLs, GetCSSURLs get correct assets path for you.

	mux := http.DefaultServeMux
	
	m, _ := manifest.New(&manifest.Config{
	    ManifestDir: "./example/build",
	    PublicURL:   "/cms",
	})
	
	renderTemplate := func() string {
	    buf := bytes.NewBuffer(nil)
	
	    jsURLs := m.GetJSURLs()
	    for _, url := range jsURLs {
	        fmt.Fprintf(buf, `<script type="text/javascript" src="%s"></script>`, url)
	    }
	
	    cssURLs := m.GetCSSURLs()
	    for _, url := range cssURLs {
	        fmt.Fprintf(buf, `<link href="%s" rel="stylesheet">`, url)
	    }
	
	    return buf.String()
	}
	
	m.Mount(mux)
	
	mux.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
	    fmt.Fprintf(w, renderTemplate())
	})

Manifest: Get CS SU RLs

func (m *Manifest) GetCSSURLs() (urls []string)

GetCSSURLs get all the css urls

Manifest: Get JS UR Ls

func (m *Manifest) GetJSURLs() (urls []string)

GetJSURLs get all the js urls

Manifest: Mount

func (m *Manifest) Mount(mux *http.ServeMux)

Mount automatically mounts Create React App build directory into Go ServeMux