Skip to content

How can I get the generated html files? #102

Description

@viocha

I would like to save the static html files to local and how can I do this?

Activity

  1. liudonghua123 commented on Feb 4, 2024

    @liudonghua123

    I copy dev to build and modified some configurations.

    #!/bin/bash
    
    : ${1?"Usage: $0 <server language>"}
    
    set -e
    
    export NODE_LANG=$1
    export TUTORIAL_LANG=$1
    export NODE_ENV=production
    export ASSET_VERSIONING=query
    export WATCH=0
    export SITE_HOST=http://javascript.local
    export TUTORIAL_EDIT=
    export NODE_PRESERVE_SYMLINKS=1
    export NODE_OPTIONS=--openssl-legacy-provider
    
    # Use a local bunyan if no other is found in the current environment
    if ! [ -x "$(command -v bunyan)" ]; then
      export PATH="$PATH:./node_modules/bunyan/bin"
    fi
    
    npm run gulp build
    

    Then tried to run ./build en, the build process seemed stuck and not static html files generated.

    Details
    @liudonghua123 ➜ /workspaces/javascript.info (master) $ rm -rf public/* && ./build en
    
    > javascript-tutorial-server@2.0.0 gulp
    > cross-env NODE_PRESERVE_SYMLINKS=1 NODE_PATH=./modules ./node_modules/.bin/gulp build
    
    [10:42:49] Using gulpfile /workspaces/javascript.info/gulpfile.js
    [10:42:49] Starting 'build'...
    [10:42:49] Starting 'webpack'...
    (node:39856) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
    (Use `node --trace-deprecation ...` to show where the warning was created)
    [webpack] Time: 4175ms
    Built at: 02/04/2024 10:42:55 AM
                                                                           Asset       Size  Chunks                         Chunk Names
                                                     ../all-lang/libs/animate.js  469 bytes          [emitted]              
                                                ../all-lang/libs/class-extend.js   3.95 KiB          [emitted]              
                                     ../all-lang/libs/compareDocumentPosition.js  970 bytes          [emitted]              
                                                          ../all-lang/libs/d3.js    143 KiB          [emitted]              
                                              ../all-lang/libs/documentScroll.js   1.15 KiB          [emitted]              
                                                    ../all-lang/libs/domtree.css  313 bytes          [emitted]              
                                                     ../all-lang/libs/domtree.js   5.68 KiB          [emitted]              
                                                 ../all-lang/libs/event-mixin.js   1.25 KiB          [emitted]              
                                                   ../all-lang/libs/getCoords.js  819 bytes          [emitted]              
                                 ../img/favicon/apple-touch-icon-precomposed.png   5.86 KiB          [emitted]              
                                                      ../img/favicon/favicon.ico    5.3 KiB          [emitted]              
                                                      ../img/favicon/favicon.png   1.29 KiB          [emitted]              
                                                     ../img/favicon/tileicon.png   4.82 KiB          [emitted]              
                                                               ../libs/lodash.js    458 KiB          [emitted]              
                                                  footer.js?884698c25f6324692778   4.59 KiB       0  [emitted] [immutable]  footer
                                          frontpage.css.map?884698c25f6324692778   8.89 KiB       1  [emitted] [dev]        frontpage
                                              frontpage.css?884698c25f6324692778   7.47 KiB       1  [emitted] [immutable]  frontpage
                                               frontpage.js?884698c25f6324692778   1.13 KiB       1  [emitted] [immutable]  frontpage
                                                    head.js?884698c25f6324692778   19.3 KiB       2  [emitted] [immutable]  head
          modules/styles/blocks/font/icons.woff?b9ad9f78107447198d61a582feac1862     19 KiB          [emitted]              
    modules/styles/blocks/page-footer/slack.svg?8559a3750105522de87657cad56c63d1   1.49 KiB          [emitted]              
                                             styles.css.map?884698c25f6324692778    261 KiB       3  [emitted] [dev]        styles
                                                 styles.css?884698c25f6324692778    221 KiB       3  [emitted] [immutable]  styles
                                                  styles.js?884698c25f6324692778   1.13 KiB       3  [emitted] [immutable]  styles
                                                tutorial.js?884698c25f6324692778   94.2 KiB       4  [emitted] [immutable]  tutorial
    Entrypoint head = head.js?884698c25f6324692778
    Entrypoint footer = footer.js?884698c25f6324692778
    Entrypoint tutorial = tutorial.js?884698c25f6324692778
    Entrypoint styles = styles.css?884698c25f6324692778 styles.js?884698c25f6324692778 styles.css.map?884698c25f6324692778
    Entrypoint frontpage = frontpage.css?884698c25f6324692778 frontpage.js?884698c25f6324692778 frontpage.css.map?884698c25f6324692778
    Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--7-1!node_modules/postcss-loader/src/index.js??ref--7-2!modules/engine/webpack/hover-loader.js!node_modules/stylus-loader/index.js??ref--7-4!tmp/en/frontpage.styl:
        Entrypoint mini-css-extract-plugin = *
    Child mini-css-extract-plugin node_modules/css-loader/index.js??ref--7-1!node_modules/postcss-loader/src/index.js??ref--7-2!modules/engine/webpack/hover-loader.js!node_modules/stylus-loader/index.js??ref--7-4!tmp/en/styles.styl:
        Entrypoint mini-css-extract-plugin = *
    [10:42:55] Finished 'webpack' after 5.51 s
    [10:42:55] Finished 'build' after 5.51 s
    
    # STUCK HERE!!!
    @liudonghua123 ➜ /workspaces/javascript.info (master) $ du -sh public/
    1.4M    public/
    @liudonghua123 ➜ /workspaces/javascript.info (master) $ tree public/
    public/
    └── en
        ├── all-lang
        │   └── libs
        │       ├── animate.js
        │       ├── class-extend.js
        │       ├── compareDocumentPosition.js
        │       ├── d3.js
        │       ├── documentScroll.js
        │       ├── domtree.css
        │       ├── domtree.js
        │       ├── event-mixin.js
        │       └── getCoords.js
        ├── img
        │   └── favicon
        │       ├── apple-touch-icon-precomposed.png
        │       ├── favicon.ico
        │       ├── favicon.png
        │       └── tileicon.png
        ├── libs
        │   └── lodash.js
        └── pack
            ├── footer.js
            ├── frontpage.css
            ├── frontpage.css.map
            ├── frontpage.js
            ├── head.js
            ├── modules
            │   └── styles
            │       └── blocks
            │           ├── font
            │           │   └── icons.woff
            │           └── page-footer
            │               └── slack.svg
            ├── styles.css
            ├── styles.css.map
            ├── styles.js
            └── tutorial.js
    
    12 directories, 25 files
    @liudonghua123 ➜ /workspaces/javascript.info (master) $
  2. liudonghua123 commented on Feb 4, 2024

    @liudonghua123

    I go through the code, and find the html is rendered via pug dynamic, the render step convers a lot of processing. It's not easy to convert the markdown or embedded resources to simple static html files.

    See also javascript-tutorial/en.javascript.info#3266 (comment).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions