webpack+vue—Build a front-end project from scratch

• Chapter1 Chapter One
• 1-1 Course Introduction
• 1-2 Project initialization
• 1-3 Create Vue root instance
• 1-4 Mount App components
• 1-5 test
• 1-6 webpack basic configuration
• 1-7 webpack script
• 1-8 Installation of vue-loader
• 1-9 Configuration of vue-loader
• 1-10 vue-loader test
• Chapter2 Chapter two
• 2-1 Introduction to commonly used loaders
• 2-2 Basic use of file-loader (Part 1)
• 2-3 Basic use of file-loader (Part 2)
• 2-4 Usage of url-loader
• 2-5 css packaging (Part 1)
• 2-6 css packaging (Part 2)
• 2-7 stylus introduction and plug-ins
• 2-8 stylus file packaging
• 2-9 Using stylus in vue
• 2-10 html-webpack-plugin plugin
• Chapter3 third chapter
• 3-1 clean-webpack-plugin
• 3-2 autoprefixer plugin
• 3-3 devServer introduction and configuration
• 3-4 Business code implementation
• 3-5 HMR demo
• 3-6 SourceMap
• 3-7 Production environment packaging
• 3-8 Extract common code
• 3-9 Parsing ES6
• 3-10 Demo
• Chapter4 Chapter Four
• 4-1 Project preparation
• 4-2 Component splitting
• 4-3 Basic implementation of MainHeader component
• 4-4 MainHeader code optimization
• 4-5 MainTodo page structure
• 4-6 MainTodo style
• 4-7 TodoItem page structure
• 4-8 TodoItem style
• 4-9 TodoItem adds functionality
• 4-10 TodoItem selected delete function
• Chapter5 chapter Five
• 5-1 TodoInfo style
• 5-2 TodoInfo style optimization
• 5-3 TodoInfo statistics function
• 5-4 TodoInfo status switching function
• 5-5 Todoinfo delete function
• 5-6 summary
• 5-7 Mainfooter component