qq_49900295的博客

让webpack去打包图片首先把之前入口文件index.js里的内容都删掉，然后来到 js 目录中新建一个 Image.js 文件function packImg () { const oEle = document.createElement('div') return oEle}document.body.appendChild(packImg())这一步我们先创建一个容器，然后把它放在页面中，执行打包，打开浏览器，看看div标签有没有显示出来：这样我们装在图片

一、CSS-Loader1.为什么需要loader2.loader是什么3.css-loader介绍我们还是用webpack第一篇里的webpack初体验项目，下面是我们的项目目录结构：我们创建一个login.js文件，在里面先创建dom标签，然后再把它放在界面上进行展示，之后再去给相应的元素添加样式，然后再通过webpack做一个统一的打包，之后输出到一个静态资源上去，为我们所用进行部署。下面我们一步步地实现：我们在 login.js 文件中 创建一个 login 函数

一、Webpack简介1、webpack是什么?Webpack是一种前端资源构建工具,一个静态模块打包器在 Webpack看来,前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源(bundle)2、Webpack的五个核心概念Entry 入口指示Webpack以哪个文件为入口七点开始打包,分析构建内部依赖图 Output 输出指示Webpack打包后的...