Technology is there to solve problems
I used to write demo Set of templates , It is far from meeting our current development requirements , So there is the concept of front-end engineering .
Now that technology is there to solve the problem , Front end engineering is no exception .
- Want to use es6+ New characteristics , But browsers are not compatible
- Want to use less,sass,PostCss enhance css characteristic , But the running environment can't directly support
- Want to improve project maintainability in a modular way , But the running environment can't directly support
- You need to Manual Compress code and resource files
- The deployment process requires Manual Upload code to server
- Multiplayer co-development , Can't unify everybody code style rigidly , From warehouse pull There's no guarantee of code quality
- Part of the function development needs to wait for the back-end service interface to complete in advance
The main problem to be solved ：
Engineering performance ： Everything to improve efficiency , cost reduction , Quality assurance for the purpose of means are engineering .
All repetitive work should be engineered .
Create project ：
- Create project structure
- Create a specific type of file
- formatting code
- Check code style
- compile / structure / pack
preview / test ：
- web Server/Mock
- Live Reloading/HMR
- Source Map
- Git Hooks
- Continuous integration
- Automatic release