file-loader 可以指定要复制和放置资源文件的位置，以及如何使用版本哈希命名以获得更好的缓存。此外，这意味着 你可以就近管理图片文件，可以使用相对路径而不用担心部署时 URL 的问题。使用正确的配置，webpack 将会在打包输出中自动重写文件路径为正确的 URL ...

loader 和 plugin 的主要区别： loader 用于加载某些资源文件。 因为 webpack 只能理解 JavaScript 和 JSON 文件，对于其他资源例如 css，图片，或者其他的语法集，比如 jsx， coffee，是没有办法加载的。 这就 ...

从功能作用的角度区分 1. loader 由于webpack本身只能打包commonjs规范的js文件，所以针对css，图片等格式的文件没法打包，就需要引入第三方的模块进行打包。 loader 扩展了webpack，只专注于转化文件这一个领域，完成压缩 / 打包 / 语言翻译等，仅仅只是 ...

webpack是一个模块打包器（module bundler），提供了一个核心，核心提供了很多开箱即用的功能，同时它可以用loader和plugin来扩展。webpack本身结构精巧，基于tapable的插件架构，扩展性强，众多的loader或者plugin让webpack稍显复杂 ...

今天讨论webpack4中的module，webpack中一切皆模块，一个模块对应一个文件，webpack会从配置的entry开始递归找出所有依赖的模块。webpack4支持多种形式的模块类型，但是有时候可能需要加上type进行配合如果是CommonJS, AMD, ESM三种类型的模块，使用 ...

webpack中loader和plugin的区别 ...

如果我们希望在页面引入图片（包括img的src和background的url）。当我们基于webpack进行开发时，引入图片会遇到一些问题。 其中一个就是引用路径的问题。拿background样式用url引入背景图来说，我们都知道，webpack最终会将各个模块打包成一个文件 ...

url-loader把资源文件转换为URL，file-loader也是一样的功能。 不同之处在于url-loader更加灵活，它可以把小文件转换为base64格式的URL，从而减少网络请求次数。url-loader依赖file-loader。 在大多数情况下，使用url-loader准没错。 ...