Programming VIP

preface Today's front-end wheels are bound to run away from packaging tools such as webpack and rollup. Webpack 5 has been out for a long time. Let's try it. The article will create a TS library from scratch and upload it to npm. The dimensions are in the order of operation steps. Create a new project package jsonInstall webpack a ...

Vue.js learning notes First stop Initial use js // Let / const how to create variables const app = new Vue({ el:'#app ', / / used to mount elements to be managed data:{ // Define data message: 'How do you do!', name: 'hello How do you do' }, // Method area, in which methods can be called in HTML meth ...

[ten thousand words step by step] package vue project with webpack (basic production environment) This project is a hands-on project. It uses the new novice guide page created by Vue cli. The project itself does not have particularly complex logic, and Vue learning is not involved here. It will only be completed through gradual decomposition, ...

🛴 preface stay The previous two articles In, we explained the introduction of webpack. However, after the introduction knowledge is understood, it must be applied to specific cases. Therefore, in the following article, we will lead you to learn about some actual case configurations of webpack, including the packaging configuration of t ...

webpack and browser caching We use webpack to package our modular application. Webpack will generate a deployable / dist directory, and then place the packaged content in this directory. As long as the contents in the / dist directory are deployed on the server, the client (usually the browser) can access the server's website and its resources ...

🛴 preface stay The previous two articles In, we explained the introduction of webpack. However, after the introduction knowledge is understood, it must be applied to specific cases. Therefore, in the following article, we will lead you to learn about some actual case configurations of webpack, including the packaging configuration of t ...

Modular development There is an environment compatibility problem with ESModules Too many module files and frequent network requests All front-end resources need to be modular Requirements, compile all ES6 codes into ES5 or better compatible codes, package the converted codes into a file, and support different types of resource modules; T ...

🥝 preface As we all know, webpack is a packaging tool. Before we configure it, it is also a packaging tool generated after a series of coding. What has been done behind this? Today, let's use native js to write a simple packaging tool bundler to package the project code. Let's begin with the explanation of this article~ 🍉 Module ana ...

The most basic configuration of webpack is to export a static object, but because our business is complex, we often need to dynamically configure webpack to build object code. Fortunately, webpack provides us with support for dynamically configuring webpack files. The following describes the various configuration types of webpack. 1. Export ...

Refactoring Webpack Series 6 - Configuration Files I. Basic Usage The configuration files for webpacks are different. This is because the configuration file for the webpack is a JavaScript file, in which an object for the webpack configuration is exported, and then the webpack is processed according to the properties defined by the configur ...