搜索

下一节: TodoInfo样式优化1041 次播放

5 秒后自动播放下一节
  重新观看

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

介绍 >
章节课件
第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组件

  • 取消回复发送
  • 取消发布笔记发送