Programmer Think

preface For large projects, it is often necessary to extract the dependencies of common parts to avoid repeated loading of dependencies. When extracting public plug-ins, we can consider using externals [Webpack's externals. note]. However, the premise of externals is that all dependencies must have a cdn or find its corresponding JS file, such ...

axios-api @no-996/axios-api A tool based on axios that can create structured instances has the following characteristics: Based on axios and compatible with axios api, it can be migrated and used seamlessly. Two common request termination scenarios (based on cancelToken) are built in to prevent repeated interface calls. The built-in caching me ...

The responsiveness of the website is the first element of the user experience, and its importance is self-evident. Response speed is influenced by many factors, such as different business scenarios, different user terminals, different technology stacks. For faster response, on the one hand, it is expected that each time a page resource is re ...

source Course - KuangStudy Learning companion - big front-end advanced - Chapter learning - KuangStudy - Articles The most easy to understand explanation of big front-end skills must be read! The fastest time to learn about NodeJS, Npm, Es6, Babel, Webpack and modular use. From now on, there is no fear of front-end code! 1. Front end develo ...

🤾‍♀️ preface Previous article We talked about some basic features of webpack, but it's not enough to know the basic features alone. Therefore, in today's article, we will bring you the advanced features of webpack, including but not limited to the differential packaging of dev environment and prod environment, as well as the techniq ...

Front end Vue core Developing a front-end module can be summarized as the following steps: (1) Write static pages and split them into static components; (2) Send request (API); (3) vuex (triple operation of actions, changes and state); (4) Component to obtain warehouse data and display it dynamically; 1. vue file directory analysis node_modu ...

1, babel What is babel? The browser does not support ES6 syntax well. Some ES6 syntax cannot be recognized by the browser; The JSX syntax of React cannot be recognized by the browser. It needs to be converted to the syntax recognized by the browser before it can be interpreted and executed by the browser. We need babel to do this and use babel ...

preface Nowadays, many web pages can actually be regarded as function rich applications, which have complex JavaScript code and a lot of dependency packages. Modularity allows us to refine complex programs into small files; Similar to TypeScript, a development language developed on the basis of javascript: it enab ...

Compile product analysis (() => { // Module dependency var __webpack_modules__ = ({ "./src/index.js": ((module, __unused_webpack_exports, __webpack_require__) => { // Execute the module code, where it is executed at the same time__ webpack_require__ Reference code eval(`const str = __webpack_require ...

Getting to know webpack for the first time and getting started with Xiaobai preface: webpack is a node based build tool, and one of its features is packaging Because the front-end has been developed in engineering, the code written can no longer run directly on the browser At this time, webpack will help you compile the code and packag ...