webpack由浅入深
@红@旗下的小兵
求知若渴 虚心若愚
展开
-
webpack - 四(什么是loader)
什么是loader 官网: loader用于对模块的源代码进行转换。它可以将文件从不同语言(typeScript)转化为JavaScript,或将内联图像转化为 data URL等等。(Data URL:给了我们一种很巧妙的将图片“嵌入”到HTML中的方法。跟传统的用img标记将服务器上的图片引用到页面中的方式不一样,在Data URL协议中,图片被转换成base64编码的字符串形式,并存储在...原创 2019-12-12 21:14:46 · 482 阅读 · 0 评论 -
webpack - 一 ( webpack介绍 )
什么叫webpack: webpack 是一个模块打包工具,起初它只能打包js文件,发展到现在可以打包任何文件。 // ES module 导入一个模块 import Header from './header.js' // 导出一个模块 export default function header(){} 之前,在一个js文件中 引入别的js文件,是无法执行的,浏览器无法识别!此时web...原创 2019-12-02 22:02:41 · 192 阅读 · 0 评论 -
webpack- 二(文件配置)
在第一篇文章中,使用npx webpack xxx.js 去打包一个文件,你有没有想过webpack为什么会知道后边打包的文件的路径? 打包好的文件什么会放到dist文件中呢? 为什么打包的文件叫做main.js呢? 其实webpack并没有你想象的这么智能,它只是有一个默认的配置文件而已。打包入口文件以及打包的文件放在哪里,webpack需要通过一个配置文件才能知道打包的文件和打包文件放在...原创 2019-12-07 22:41:25 · 237 阅读 · 0 评论 -
webpack - 三(解析打包输出内容)
接着上一篇文章来,之前我们在webpack.config.js 中简单的配置了一个webpack模块打包文件,打包之后,会出现一些提示及一个警告,这篇文章介绍的分别是什么意思,以及如何解决这个警告。 const path = require('path') module.exports = { entry: './src/web.js', output: { f...原创 2019-12-08 21:42:35 · 523 阅读 · 0 评论