webpack学习(一) — 基础配置
一.了解什么是Webpack?Webpack的作用是什么?Webpack是一种端资源构建工具,一个静态模块打包器。Webpack的作用就是将在node中写好的代码(后端)解析为在浏览器(前端)可以运行的代码,提高了项目效率和可维护性。
二.Webpack的5个核心概念1. entry入口
入口指示Webpack以哪个入口文件开始打包,分析构建内部依赖图
2. output输出
输出指示Webpack打包后的资源bundlex输出到哪里,以及如何命名
3. loader(翻译官的作用)
loader可以让webpack能够处理哪些非js文件(webpack自身只理解js,json,线wenpack5可以处理图片资源)
4. plugins
插件plugins可以用于执行范围更广的任务。插件的范围包括:从打包优化和压缩,一直到重新定义环境中的变量。
5. mode
模块知识Webpack使用相应模式的配置。
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505 ...