黑马VUE课程学习笔记

VUE2.0:

P3 工程化的概念

黑马VUE课程学习笔记_第1张图片
在这里插入图片描述
黑马VUE课程学习笔记_第2张图片

P4 了解webpack的概念
黑马VUE课程学习笔记_第3张图片
P5 初始化隔行变色案例
黑马VUE课程学习笔记_第4张图片
黑马VUE课程学习笔记_第5张图片
在这里插入图片描述

黑马VUE课程学习笔记_第6张图片
黑马VUE课程学习笔记_第7张图片
P6 安装和配置webpack
黑马VUE课程学习笔记_第8张图片
黑马VUE课程学习笔记_第9张图片
打包生成了dist文件下的main.js,才能在index.html中用import引入
在这里插入图片描述
P7 了解mode可选值的应用场景
黑马VUE课程学习笔记_第10张图片
P8 指定webpack的entry和output
黑马VUE课程学习笔记_第11张图片
默认情况下webpack处理的文件为src目录下的index.js文件
P9 安装和配置webpack-dev-server这个插件
黑马VUE课程学习笔记_第12张图片
可按ctrl+s即保存后更新网站内容
P10 介绍webpack-dev-server的工作原理
该插件将更新的js中的内容存入内存中,而内存中打包生成的js代码在根目录下:
在这里插入图片描述

P11 安装和配置html-webpack-plugin这个插件

你可能感兴趣的:(前端,vue.js,学习,webpack)