One, why do front-end engineering
Technology exists to solve problems
1. In order to use the new features of ES6+, but compatibility problems.
2. Want to use Less, Sass, and PostCSS to enhance the programming of CSS, but the operating environment cannot support it.
3. Want to use a modular approach to improve the maintainability of the project, but the operating environment cannot directly support it.
4. The code and resource files need to be compressed manually before deployment, and the code needs to be manually uploaded to the server during deployment.
5. Multi-person collaborative development cannot rigidly unify everyone's code style, and the quality of the code returned from the warehouse PULL cannot be guaranteed.
6. When developing some functions, you need to wait for the back-end service interface to be completed in advance.
The main solution to the problem is summarized:
1. The disadvantages of traditional language or grammar
2. Modularization/componentization cannot be used
3. Repeated mechanical work
4. Uniform code style and quality assurance
5. Rely on back-end service interface support
6. The overall dependency on the back-end project
2. Engineering performance:
All methods aimed at improving efficiency, reducing costs, and ensuring quality belong to [engineering]
(Scaffolding) (Formatting) (Web Server) (Git Hooks)
Create project --> Coding --> Preview/Test --> Submit --> Deploy (CI/CD, automatic release)
3. Engineering is not equal to a fixed tool
Tools are not the core of engineering. The core of engineering should be the planning and architecture of the project. Tools are only a means of realization.
Engineering integration: vue-cli, angular-cli, create-react-app, gatsby-cli
Fourth, engineering and Node.js
Everything about engineering is attributed to Node. In addition to giving JavaScript a new stage, Node also carried out a new [industrial revolution].
Most of the functions we use are developed by Node:
1. Development of scaffolding tools
2. Automated construction system
3. Modular packaging
4. Project code specification
5. Automated deployment