这里总结一下,自己在学习webpack时,比较疑惑的地方
webpack是前端模块化打包工具,它把一切都看成模块,比如css、js、图片文件等都可以看成模块,再通过一些loader(加载器)和plugin(插件)对资源进行处理,打包成符合生产环境的前端资源。
传统引入资源类似这种形式,没有模块化关系。
<body> <script type="text/javascript" src="a.js"></script> <script type="text/javascript" src="b.js"></script> <script type="text/javascript" src="c.js"></script> </body>
引入模块化关系
// mathUntil.js function sum(num1, num2) { return num1 + num2; } function mul(num1, num2) { return num1 \* num2; } export { sum, mul } // main.js // 使用 const { sum, mul } = require("./js/mathUtil.js") console.log(sum(10, 20)); console.log(mul(2, 4));
还可以使用import
// 举个栗子 // a.js export default function (a, b) { return a + b; } // index.js import sum from 'a.js'; // 使用 console.log(sum(1,2))// 3
一般情况下CSS的预处理语言Less、Scss,以及ES6+的一些语法(模块化import、export等),浏览器还不能直接运行并显示处理,所以需要webpack打包成符合浏览器识别显示的格式。
明白webpack的构建流程之前,得先了解一下
entry 入口起点
Chunk 可以理解成多个模块合并成的代码块
前言 统计科学家使用交互式的统计工具(比如R)来回答数据中的问题,获得全景的认...
本文转载自公众号读芯术(ID:AI_Discovery)。 这一刻你正在应对什么挑战?这位前...
本文转载自微信公众号「bugstack虫洞栈」,作者小傅哥 。转载本文请联系bugstack...
TIOBE 公布了 2021 年 3 月的编程语言排行榜。 本月 TIOBE 指数没有什么有趣的变...
溢价 域名 的续费价格如何?通常来说,因为溢价域名的价值高于普通域名,所以溢...
近几年,互联网行业蓬勃发展,在互联网浪潮的冲击下,互联网创业已成为一种比较...
想了解更多内容,请访问: 51CTO和华为官方战略合作共建的鸿蒙技术社区 https://...
背景 我们知道 如果在Kubernetes中支持GPU设备调度 需要做如下的工作 节点上安装...
基本介绍 给定 n 个权值作为 n 个叶子节点,构造一颗二叉树,若该树的带权路径长...
在Python开发过程中,我们难免会遇到多重条件判断的情况的情况,此时除了用很多...