Comments (4)
shama
commented on June 23, 2024
Give the latest a try (about to release 7.0.0), it appears faster although I didn't see any difference in performance between webpack-stream 5 and 6 with my tests but maybe one of the specific loaders/plugins above exacerbates the issue or maybe using a different version of webpack?
Webpack stream 6.1.2:
➜ ws-test time gulp js
[20:18:09] Using gulpfile ~/Documents/www/ws-test/gulpfile.js
[20:18:09] Starting 'js'...
[20:18:10] Version: webpack 4.46.0
Built at: 08/30/2021 8:18:10 PM
Asset Size Chunks Chunk Names
31f94cbd02fcc17a07c2.js 930 bytes 0 [emitted] [immutable] main
Entrypoint main = 31f94cbd02fcc17a07c2.js
[20:18:10] Finished 'js' after 625 ms
gulp js 0.93s user 0.37s system 46% cpu 2.806 total
Webpack stream 5.2.1:
➜ ws-test time gulp js
[20:19:12] Using gulpfile ~/Documents/www/ws-test/gulpfile.js
[20:19:12] Starting 'js'...
[20:19:13] Version: webpack 4.46.0
Built at: 08/30/2021 8:19:13 PM
Asset Size Chunks Chunk Names
31f94cbd02fcc17a07c2.js 930 bytes 0 [emitted] [immutable] main
Entrypoint main = 31f94cbd02fcc17a07c2.js
[20:19:13] Finished 'js' after 632 ms
gulp js 1.00s user 0.33s system 49% cpu 2.669 total
Webpack stream 7.0.0:
➜ ws-test time gulp js
[20:19:51] Using gulpfile ~/Documents/www/ws-test/gulpfile.js
[20:19:51] Starting 'js'...
[20:19:52] asset main.js 0 bytes [emitted] [minimized] (name: main)
webpack 5.51.1 compiled successfully
[20:19:52] Finished 'js' after 862 ms
gulp js 1.16s user 0.37s system 76% cpu 2.009 total
from webpack-stream.
Drafteed
commented on June 23, 2024
As it turned out, the problem is only when rebuilding through watch:
Webpack stream 5.2.1 (first build):
[18:18:12] Starting 'js'...
[18:18:27] Version: webpack 4.46.0
Built at: 04.10.2021 18:18:27
Asset Size Chunks Chunk Names
bundle.js 4.99 MiB main [emitted] main
Entrypoint main = bundle.js
[18:18:27] Finished 'js' after 15 s
Webpack stream 5.2.1 (rebuild from watch):
[18:18:54] Starting 'js'...
[18:18:54] Version: webpack 4.46.0
Built at: 04.10.2021 18:18:54
1 asset
Entrypoint main = bundle.js
[18:18:54] Finished 'js' after 461 ms
[18:18:56] Starting 'js'...
[18:18:56] Version: webpack 4.46.0
Built at: 04.10.2021 18:18:56
1 asset
Entrypoint main = bundle.js
[18:18:56] Finished 'js' after 215 ms
[18:18:57] Starting 'js'...
[18:18:57] Version: webpack 4.46.0
Built at: 04.10.2021 18:18:57
1 asset
Entrypoint main = bundle.js
[18:18:57] Finished 'js' after 230 ms
[18:19:02] Starting 'js'...
[18:19:03] Version: webpack 4.46.0
Built at: 04.10.2021 18:19:03
Asset Size Chunks Chunk Names
bundle.js 4.98 MiB main [emitted] main
Entrypoint main = bundle.js
[18:19:03] Finished 'js' after 471 ms
[18:19:05] Starting 'js'...
[18:19:05] Version: webpack 4.46.0
Built at: 04.10.2021 18:19:05
Asset Size Chunks Chunk Names
bundle.js 4.99 MiB main [emitted] main
Entrypoint main = bundle.js
[18:19:05] Finished 'js' after 282 ms
Webpack stream 7.0.0 (first build):
[18:23:15] Starting 'js'...
[18:23:29] asset bundle.js 4.49 MiB [emitted] (name: main)
webpack 5.56.1 compiled successfully
[18:23:29] Finished 'js' after 14 s
Webpack stream 7.0.0 (rebuild from watch):
[18:12:37] Starting 'js'...
[18:12:48] asset bundle.js 4.49 MiB [emitted] (name: main)
webpack 5.56.1 compiled successfully
[18:12:48] Finished 'js' after 12 s
[18:15:06] Starting 'js'...
[18:15:18] asset bundle.js 4.49 MiB [emitted] (name: main)
webpack 5.56.1 compiled successfully
[18:15:18] Finished 'js' after 11 s
[18:15:19] Starting 'js'...
[18:15:29] asset bundle.js 4.49 MiB [emitted] (name: main)
webpack 5.56.1 compiled successfully
[18:15:29] Finished 'js' after 9.9 s
[18:15:31] Starting 'js'...
[18:15:41] asset bundle.js 4.49 MiB [emitted] (name: main)
webpack 5.56.1 compiled successfully
[18:15:41] Finished 'js' after 9.52 s
Gulp watch task:
gulp.task('watch', () => {
gulp.watch(["./src/js/**/*.*"], gulp.series('js'));
});
@shama Any ideas what happened?
from webpack-stream.
Drafteed
commented on June 23, 2024
See in diff between 5 -> 6 and found that cache has been elliminated.
from webpack-stream.
Drafteed
commented on June 23, 2024
Found #207... Any solution of this? Maybe we can add option to enable compilier cache?
from webpack-stream.
Related Issues (20)
- DeprecationWarning: Using a domain property in MakeCallback is deprecated. Use the async_context variant of MakeCallback or the AsyncResource class instead HOT 5
- DeprecationWarning: Using a domain property in MakeCallback is deprecated. Use the async_context variant of MakeCallback or the AsyncResource class instead HOT 1
- Support webpack version 5 HOT 2
- Webpack 5 HOT 3
- Using webpack 5 as described in README produces empty output files HOT 1
- Webpack 5 warns about a deprecation in watch mode HOT 4
- Error: Rule can only have one resource source when using webpack-stream HOT 4
- webpack.config entry import syntax support HOT 1
- Using webpack-5 results in no output files HOT 4
- Question about multiple entry points
- DEP_WEBPACK_TEMPLATE_PATH_PLUGIN_REPLACE_PATH_VARIABLES_HASH HOT 2
- MODULE_NOT_FOUND error while using version 7.0.0 HOT 2
- [Error] Invalid left-hand side expression in prefix operation HOT 4
- webpack-stream 7.0.0 throws an error: Cannot find module webpack/lib/ProgressPlugin HOT 6
- Did you forget to signal async completion... HOT 5
- Remove the need to manually filter out source map files HOT 4
- Callback in being ignored in the multicompication case
- Webpack 5 Stream won't compile HOT 1
- Webpack stream w/ Gulp — errors when using aliases in webpack config HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from webpack-stream.