esasy
1. What is webpack?
esasy
2. What is the main difference between webpack and other build tools like gulp or grunt?
esasy
3. What is a bundle in webpack?
esasy
4. In which environment does webpack work?
esasy
5. What is an entry point?
esasy
6. What is a dependency graph and how does webpack build it?
esasy
7. Which modules design patterns webpack supports out of the box?
esasy
8. What is the format of webpack's config file?
esasy
9. Is it possible to have multiple entry points in a singe webpack configuration file?
esasy
10. How can we generate webpack config file automatically?
medium
11. What is a loader in webpack
medium
12. Where should loaders be defined?
medium
13. Explain this code
medium
14. Do loaders work in a synchronous or an asynchronous way?
medium
15. Is it possible to use multiple loaders in the rules single object?
medium
16. Name loaders you think are very important and helpful
medium
17. Describe a plugin in webpack
medium
18. What is the difference between loader and plugin
medium
19. What is the advantage of CompressionPlugin?
medium
20. How to move some data (e.g css code) from a bundle to a separate file in webpack?
medium
21. Name some plugins you think are very important and helpful
medium
22. Is it possible to write your own plugin?
medium
23. What are some advantages of using webpack-dev-server over simple http server or nginx?
medium
24. On which platform is webpack-dev-server developed?
medium
25. What is Hot-Modules-Replacement?
medium
26. How to enable source maps in webpack bundles?
medium
27. How to automatically build and update bundles in the browser after a change in source code?
medium
28. What is parallel-webpack and how does it affect webpack's build process
medium
29. Briefly describe long-term caching and how to achieve it using webpack?
medium
30. What is difference between hash and chunkhash
medium
31. Describe CommonsChunkPlugin
medium
32. Explain this code
medium
33. Which built-in plugin should be used for code minification?
medium
34. Explain this code
hard
35. How to remove unused selectors from css using webpack?
hard
36. Why is OccurenceOrderPlugin the part of webpack optimization. What it has to do with module ids and topological sorting?
hard
37. What analyzing tools you use to inspect your webpack bundle?
hard
38. Describe LoaderOptionsPlugin
hard
39. Do you need to include OccurenceOrderPlugin in the plugins section when use webpack 2/3?
hard
40. Which version(s) of webpack support es6 modules out the box?
hard
41. Is it possible to use other languages (except javascript) for the webpack config file?
hard
42. Is it possible to have different configuration files for different environments?