webpack-图片压缩
图片压缩和合并 在企业开发中为了提升网页的访问速度, 我们除了会压缩 HTML/CSS/JS 以外, 还可以对网页上的图片进行压缩和合并, 压缩可以减少网页体积, 合并可以减少请求次数，压缩打包之后的图片，每次在打包图片之前, 我们可以通过配置 webpack 对打包的图片进行压缩, 以较少打包 ...
原文：webpack-第01节：认识WebPack的作用
原文网址：http: jspang.com webpack 如果您已经在前端行业中，WebPack在业界的流行程度自然必备多说，成为了前端小白升级为前端工程师的必备技能。如果你对webpack还不够熟悉，那你在前端前进的脚步会受到阻碍，但是你幸运的搜索到了这篇文章。 但是文章可能不会讲解如何从 . . 版本升级 . 版本的知识，而是直接讲解 . 的知识，所以你可能需要有一个空杯心态来学习 在学习过 ...
2018-01-25 16:02 0 2068 推荐指数：
相关推荐
webpack-安装
以前配置的gulpfile.js，随着版本的迭代更新，现在已经... 1.安装webpack 2.弹射出窗口（我们未安装Git，或者未找到Git path，请配置path） 3.再次执行命令时，提醒我们登陆Git账号(我记得以前没有任何要求 ...
认识Webpack
网上已经有不少Webpack教程入门教程了。 本文记录了我以我的方式方法、思路认识了解Webpack。从官方的Tutorial入手，不断提出问题、解决，一步一步认识Webpack。 从早期的自己写脚本，到现在的各种构建工具，前端工程化已经发展到新的阶段了。 早先在百度地图的时候，地图代码 ...
webpack-自定义loader
如何自己编写一个loader： loader是一个函数，声明式函数，不能使用箭头函数；拿到源码，做进一步的修饰处理，再返回处理后的源码就可以了 官方文档：https://webpack.js.org/contribute/writing-a-loader 接口文档：https ...
webpack-自定义plugin
Plugin：开始打包，在某个时刻，帮助我们处理一些什么事情得机制 Plugin是一个类，里面包含一个apply函数，接受一个参数compiler（compiler包含打包过程得很多信息，比如生命周期的钩子） 官方文档：https://webpack.js.org/contribute ...
webpack-用devtool控制生成source-map
什么是SourceMap? 当我们对项目进行打包时,经过一系列编译和转换,最终会形成生产环境的项目代码,并将此部署至线上。众所周知,生产环境代码和打包后的代码千差万别,当构建后的代码报错,如果没有S ...
webpack 快速入门 系列 —— 初步认识 webpack
其他章节请看： webpack 快速入门 系列 初步认识 webpack webpack 是一种构建工具 webpack 是构建工具中的一种。 所谓构建，就是将资源转成浏览器可以识别的。比如我们用 less、es6 写代码，浏览器不能识别 less，也不支持 es6 ...
【Webpack的使用指南 01】Webpack入门
使用Webpack有一段时间了，但是感觉之前学的用的都比较零散，所以在这里整理一下Webpack的使用知识，从入门到进阶。 创建项目 首先创建最简单的一个项目 得到以下项目结构： 安装Webpack 先来个全局的 再安装项目中的 此时项目结构为，且注意到 ...