• 课程 / Vue.js

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

    直播班:PHP小白到大牛三个月速成!

    立即报名
    介绍章节评论课件
    本课程中展示的项目基于webpack和vue实现。课程内容包含了webpack基本配置、vue-loader的安装与配置、css打包、autoprefixer插件、devServer介绍与配置、生产环境打包、解析ES6等诸多内容。 提示:webpack升到5了,有很多改变,如果要跑起来,最好带版本,这个项目里用的webpack4,安装webpack时带上版本号。
  • 难度:中级
  • 共47章节
  • 20868次播放
  • 第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章 第三章

    clean-webpack-plugin

    autoprefixer插件

    devServer介绍与配置

    业务代码实现

    HMR演示

    SourceMap

    生产环境打包

    提取公共代码

    解析ES6

    功能演示

    第4章 第四章

    项目准备

    组件拆分

    MainHeader组件基本实现

    MainHeader代码优化

    MainTodo页面结构

    MainTodo样式

    TodoItem页面结构

    TodoItem样式

    TodoItem添加功能

    TodoItem选中删除功能

    第5章 第五章

    TodoInfo样式

    TodoInfo样式优化

    TodoInfo统计功能

    TodoInfo状态切换功能

    Todoinfo删除功能

    小结

    Mainfooter组件

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    本课程中展示的项目基于webpack和vue实现。课程内容包含了webpack基本配置、vue-loader的安装与配置、css打包、autoprefixer插件、devServer介绍与配置、生产环境打包、解析ES6等诸多内容。 提示:webpack升到5了,有很多改变,如果要跑起来,最好带版本,这个项目里用的webpack4,安装webpack时带上版本号。

    全部评论我要评论

    暂无评论~
  • 取消回复发送
  • PHP中文网