webpack
远方的原
这个作者很懒,什么都没留下…
展开
-
使用webpack5打包图片资源文件,简单易操作
1.首先我们需要下载一些插件资源。npm i html-webpack-plugin style-loader css-loader less-loader html-loader file-loader -D2.我们准备几张图片,放在一个文件夹中,引用到index.html文件中。3.index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2022-01-27 14:52:33 · 2621 阅读 · 1 评论 -
使用webpack打包样式文件,以及html文件
1.首先我们npm下载一些需要用到的插件资源。npm i html-webpack-plugin -D原创 2022-01-27 11:06:34 · 1797 阅读 · 0 评论 -
webpack5入门,根据官方文档简单学习,简单总结
1.了解webpack首先,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。其次它会在内部从一个或多个入口点构建一个依赖图,然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容。2.了解基本概念a.入口(entry):指webpack应该使用哪个模块来作为构建其内部依赖图的开始。进入入口起点后,webpack 会找出有哪些模块和库是入口起点(直接和间接)依赖的。b.输出(output):路径webpack原创 2022-01-26 15:46:57 · 897 阅读 · 0 评论