Added babel-loader caching to improve subsequent build times. #920

Closed
opened 2025-08-09 17:18:11 +00:00 by fergalmoran · 0 comments
Owner

Originally created by @DanHarman on 3/21/2017

Added babel-loader caching which significantly improves build times. This is also used in the create-react-app template.

First run:

$ webpack
(node:2164) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
Hash: f657172a5ca6dcdcb4ddfb908cb42dfef18c1ea5
Version: webpack 2.2.1
Child
    Hash: f657172a5ca6dcdcb4dd
    Time: 11244ms
                 Asset      Size  Chunks             Chunk Names
        main-client.js   49.7 kB       0  [emitted]  main-client
              site.css   1.56 kB       0  [emitted]  main-client
    main-client.js.map   31.6 kB       0  [emitted]  main-client
          site.css.map  85 bytes       0  [emitted]  main-client
Child
    Hash: fb908cb42dfef18c1ea5
    Time: 11228ms
             Asset     Size  Chunks             Chunk Names
    main-server.js  94.2 kB       0  [emitted]  main-server

Subsequent run:

$ webpack
(node:4936) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
Hash: f657172a5ca6dcdcb4ddfb908cb42dfef18c1ea5
Version: webpack 2.2.1
Child
    Hash: f657172a5ca6dcdcb4dd
    Time: 3588ms
                 Asset      Size  Chunks             Chunk Names
        main-client.js   49.7 kB       0  [emitted]  main-client
              site.css   1.56 kB       0  [emitted]  main-client
    main-client.js.map   31.6 kB       0  [emitted]  main-client
          site.css.map  85 bytes       0  [emitted]  main-client
Child
    Hash: fb908cb42dfef18c1ea5
    Time: 3572ms
             Asset     Size  Chunks             Chunk Names
    main-server.js  94.2 kB       0  [emitted]  main-server
*Originally created by @DanHarman on 3/21/2017* Added babel-loader caching which significantly improves build times. This is also used in the create-react-app template. First run: ``` $ webpack (node:2164) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56 parseQuery() will be replaced with getOptions() in the next major version of loader-utils. Hash: f657172a5ca6dcdcb4ddfb908cb42dfef18c1ea5 Version: webpack 2.2.1 Child Hash: f657172a5ca6dcdcb4dd Time: 11244ms Asset Size Chunks Chunk Names main-client.js 49.7 kB 0 [emitted] main-client site.css 1.56 kB 0 [emitted] main-client main-client.js.map 31.6 kB 0 [emitted] main-client site.css.map 85 bytes 0 [emitted] main-client Child Hash: fb908cb42dfef18c1ea5 Time: 11228ms Asset Size Chunks Chunk Names main-server.js 94.2 kB 0 [emitted] main-server ``` Subsequent run: ``` $ webpack (node:4936) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56 parseQuery() will be replaced with getOptions() in the next major version of loader-utils. Hash: f657172a5ca6dcdcb4ddfb908cb42dfef18c1ea5 Version: webpack 2.2.1 Child Hash: f657172a5ca6dcdcb4dd Time: 3588ms Asset Size Chunks Chunk Names main-client.js 49.7 kB 0 [emitted] main-client site.css 1.56 kB 0 [emitted] main-client main-client.js.map 31.6 kB 0 [emitted] main-client site.css.map 85 bytes 0 [emitted] main-client Child Hash: fb908cb42dfef18c1ea5 Time: 3572ms Asset Size Chunks Chunk Names main-server.js 94.2 kB 0 [emitted] main-server ```
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/JavaScriptServices#920
No description provided.