![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
若茶先森
纷纷万事,直道而行
展开
-
Webpack简介使用教程
。 了解Webpack相关 * 什么是webpack * Webpack是一个模块打包器。 * 在Webpack看来, 前端的所有资源文件(js/css/img/less/…)都会作为模块处理 * 它将根据模块的依赖关系进行静态分析,生成对应的静态资源 * 理解Loader * Webpack 本身只能处理 JavaScript 模块,如果要处理其翻译 2017-02-15 20:37:11 · 234 阅读 · 0 评论 -
webpack(打包神器)简单入门
webpack具有一般的构建工具具有的功能: 1.代码转换:例如 scss编译为css ,typescript编译为js等 2.文件压缩,文件优化。 3.代码分割.:提取公用的代码。首屏展示的时候不需要的代码,需要的时候才执行加载,懒加载的过程。 4.模块合并。 5.自动刷新。6.代码校验。webpack一些核心的概念 1.Enter:打包的入口-进行入口文件的...原创 2018-06-12 00:26:34 · 603 阅读 · 0 评论 -
webpack打包神器(一)(再看webpack)
之前已经记录过一些零零碎碎的webpack知识点,今天又温习一遍 1.先来说模块化 就是将一个复杂的系统分解成若干个系统方便编码 2.自动化构建 构建的目的就是将源代码转换发布为线上可以执行的代码,内容包含 -代码转化:typescript转化为js。less转换为css -文件优化: 压缩js css html代码,压缩合并图片 -代码分割:提取多个页面的公共代码,提取首屏不需要执行...原创 2019-08-29 10:19:57 · 212 阅读 · 0 评论