Name: webpack+vue—从零开始打造前端项目
Uploaded: 2022-04-21T14:29:16+8:00
Duration: 808 min 37 s
Description: 本课程中展示的项目基于webpack和vue实现。课程内容包含了webpack基本配置、vue-loader的安装与配置、css打包、autoprefixer插件、devServer介绍与配置、生产环境打包、解析ES6等诸多内容。 提示：webpack升到5了，有很多改变，如果要跑起来，最好带版本，这个项目里用的webpack4，安装webpack时带上版本号。

第1章第一章: 课程介绍; 项目初始化; 创建Vue根实例; 挂载App组件; 测试; webpack基本配置; webpack脚本; vue-loader的安装; vue-loader的配置; vue-loader测试
第2章第二章: 常用loader介绍; file-loader基本使用(上); file-loader基本使用(下); url-loader的使用; css打包(上); css打包(下); stylus介绍与插件; stylus文件打包; 在vue中使用stylus; html-webpack-plugin插件
第3章第三章: 干净的 webpack 插件; autoprefixer插件; devServer介绍与配置; 业务代码实现; HMR演示; 源图; 生产环境打包; 提取公共代码; 分析ES6; 功能演示
第4章第四章: 项目准备; 组件拆分; MainHeader组件基本实现; MainHeader代码优化; MainTodo页面结构; MainTodo样式; TodoItem页面结构; TodoItem样式; TodoItem添加功能; TodoItem选中删除功能
第5章第五章: TodoInfo样式; TodoInfo样式优化; TodoInfo统计功能; TodoInfo状态切换功能; Todoinfo删除功能; 小结; Mainfooter组件

webpack+vue—从零开始打造前端项目

讲师介绍

PHP中文网