这篇笔记记录《webpack基础使用》和《webpack开发环境配置（上）》。（demo代码github地址）

知识点包括：

• webpack简介
• webpack核心概念
• webpack初体验
• 增加webpack打包样式资源功能
• 增加打包html资源功能
• 新增打包图片资源

import $ from 'jquery';

$('#title').click(() =>{
    // 给id为title的标签添加点击事件
    $('body').css('backgroundColor','deeppink');
})

body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: pink;
    #title {
    color: #fff;
    }
}

浏览器会报错，因为不能识别这些less或者jquery写的js文件，那么就需要一个整体的工具对这些东西进行转换。即webpack。　　

二、webpack核心概念

疯子的梦想@博客，课程来自尚硅谷b站Webpack5实战课程