投稿

使用webpack+vue从零开始打造前端项目(2020最新版)

5.2万

344

2020-02-12 19:30:06

未经作者授权，禁止转载

关注微信公众号: 杰哥前端, 免费领取海量视频教程也可以加入咱们的QQ交流群: 971298641 文档见: http://www.brojie.cn

前端脚手架

前端工程化

杰哥课堂发消息

QQ 群 1022907480

同行都在偷偷用的动画制作神器，今天免费开放体验

3万人感兴趣

0-课程介绍

01:51

1-项目初始化

03:14

2-1创建Vue根实例

03:33

2-2挂载App组件

04:12

2-3测试

01:08

3-1webpack基本配置

03:04

3-2webpack脚本

02:08

4-1vue-loader的安装

03:12

4-2vue-loader的配置

03:44

4-3vue-loader测试

05:23

5-1常用loader介绍

02:28

5-2file-loader基本使用(上)

05:48

5-2file-loader基本使用(下)

02:54

5-3url-loader的使用

04:31

5-4css打包(上)

04:17

5-5css打包(下)

04:53

5-6stylus介绍与插件

01:46

5-7stylus文件打包

07:43

5-8在vue中使用stylus

06:37

6-1html-webpack-plugin插件

09:10

6-2clean-webpack-plugin

05:38

6-3autoprefixer插件

04:47

7-1devServer介绍与配置

07:43

7-2业务代码实现

08:50

7-3HMR演示

03:52

7-4SourceMap

07:12

8-1生产环境打包

05:22

8-2提取公共代码

07:54

9-解析ES6

06:27

10-1功能演示

01:50

10-2项目准备

05:10

10-3组件拆分

02:03

11-1MainHeader组件基本实现

08:19

11-2MainHeader代码优化

06:02

12-1MainTodo页面结构

03:48

12-2MainTodo样式

04:21

12-3TodoItem页面结构

03:02

12-4TodoItem样式

13:54

12-5TodoItem添加功能

11:40

12-6TodoItem选中删除功能

06:03

12-7TodoInfo样式

13:37

12-8TodoInfo样式优化

07:58

12-9TodoInfo统计功能

04:11

12-10TodoInfo状态切换功能

09:20

12-11Todoinfo删除功能

03:00

12-12小结

02:39

13-Mainfooter组件

03:42

顶部