Programmer Think

webpack-dev-server To realize the automatic compilation and display of files modified during development, you can use the live server plug-in with webpack's watch attribute of true and vscode, that is, observation mode // webpack.config.js module.exports = { watch: true, ... } However, this has several disadvantages: All source cod ...

Why do I need a loader webpack is a static module packaging tool for modern JavaScript applications. Internally, one or more bundle static resources are generated by building the dependency relationship between dependency graph management modules. However, webpack can only handle JavaScript and Json modules. In addition to JavaScript and Jso ...

So far, there is only one bundle of files we have packaged js is such a js file. Then if the project is large, the js will become very large! This causes the first screen to take a very long time to load. Many of these codes do not need to be used immediately, which is a waste of resources. So we can separate the code and introduce it on demand ...

Configuring vue in webpack If Vuejs is used in the project, it must be dependent, so it needs to be installed first. Because vue will also be used in the actual project later, it is not dependent during development, so it needs to be installed directly npm install vue@2.5.21 --save Use vue the way you learned before There is no error in t ...

When the project reaches a certain volume, dividing the code into modules can be easier for us to manage. However, when doing so, we may introduce unnecessary code, and Tree Shaking is a method to optimize the volume by eliminating the code used in the file. Note: Tree Shaking only supports volume optimization for statically introduced modules. ...

Here we mainly talk about the structure and technical architecture of the project, which is convenient for us to start development quickly 1. Technical structure of the project The project mainly adopts vue + webpack + vantMain purpose of the project vue-cli3 The scaffold shall be initialized, and then the structure shall be adjusted a ...

1.1 optimize Loader For the Loader, Babel must bear the brunt of affecting the packaging efficiency. Because Babel will convert the code into string to generate AST, then continue to transform the AST, and finally generate new code. The larger the project is, the more code is converted, and the lower the efficiency is. Of course, we have a ...

Modify the configuration of CRA project A project created with create react app cannot modify its internal webpack configuration by default. Unlike Vue cli, it can be modified through a configuration file. Although an eject command can completely expose the configuration, it is an irreversible operation and will lose the convenien ...

How to write a Loader Official documentation: https://webpack.docschina.org/contribute/writing-a-loader/https://webpack.docschina.org/api/loaders/ Loader is just a JavaScript module exported as a function. This function is called when the loader converts resources. The given function will call loader API And accessed through this context. loa ...

prefaceHello, I'm Lin Sanxin. The most difficult knowledge point in the most easy to understand words is my motto. The foundation is advanced, and the premise is my original intentionSchool recruitment in those yearsI vaguely remember that when I participated in the school recruitment of a large factory, I interviewed Netease Leihuo studio. At ...