课程 / Vue.js

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

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

难度：中级

共47章节

33488次播放

第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中文网