首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Webpack
订阅
angelayun
更多收藏集
微信扫码分享
微信
新浪微博
QQ
25篇文章 · 0订阅
webpack loader和plugin编写
首先我们先回顾一下webpack常见配置,因为后面会用到,所以简单介绍一下。 这里面我们重点关注 module和plugins属性,因为今天的重点是编写loader和plugin,需要配置这两个属性。 通过逐层识别模块依赖。(Commonjs、amd或者es6的import,w…
【webpack】你所不知道的sourceMap
通常,js代码出错,控制台会提示第几行第几列代码出错。但是webpack打包压缩后的代码,都被压缩到了一行,变量也变成了a,b,c,d。代码出错,控制台就没法正确的提示错误位置。 sourceMap就可以解决这个问题。sourceMap就是一个信息文件,里面储存着打包前的位置信…
看完这篇webpack-loader,不再怕面试官问了
比如有一个txt文件,我们想通过raw-loader来获取整个txt文件里面的字符串内容。除了使用统一webpack config配置的方式之外,我们还可以在引入的时候,用这样的语法来引入: 其实使用webpack.config文件统一配置loader后,最终也是会转成这种方式…
读懂这些题,你就是webpack配置工程师
本篇文章解答了60多道关于webpack的问题,答案有详细有简单,时间关系,有的问题还未做出解答,后续会补上,持续更新。如果答案有不对的地方,请轻拍。 全局安装webpack,意味着webpack包被安装到npm的全局包目录里了。 本地安装webpack,webpack包被安装…
打包工具的配置教程见的多了,但它们的运行原理你知道吗?
前端模块化成为了主流的今天,离不开各种打包工具的贡献。为了避免成为一位“配置工程师”,我们需要来了解一下打包工具的运行原理,只有把核心原理搞明白了,在工具的使用上才能更加得心应手。
关于webpack4的14个知识点,童叟无欺
没有什么比时间更具有说服力了,因为时间无需通知我们就可以改变一切。 Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使…
Webpack按需加载秒开应用
本文将基于上一篇文章《Webpack4+Babel7优化70%速度》所搭建的环境去做动态路由加载,同时完成 React16 和 React-Router4 的升级工作,使整个项目的技术栈以及性能体验尽可能达到最佳状态。 我们知道,Webpack主要从两个方面进行优化,一个是提升…
即刻起,加速您的前端构建
如果你的项目也在使用发布系统或者是CI工具,而且项目比较大,发布经常需要耗费十几分分钟,那么以下的工具可能会对你起作用。 影响前端发布速度的有两个方面,一个是构建,一个就是压缩,把这两个东西优化起来,可以减少很多发布的时间。
vue + webpack 前端性能优化
对于程序开发者而言,开发一个项目不仅仅注重效率和功能,前端的性能问题也是非常重要的。这直接影响用户的体验,从而间接的也反应该项目质量的好坏。 影响项目性能的原因有很多,如:资源文件的大小,业务的繁杂程度等,所以前端优化的方式也很多。这些东西很零碎,容易被人遗忘。所以这篇文章中对…
如何实现一个webpack yaml-loader
loader 和 plugins 是 webpack 系统的两大重要组成元素。依靠对 loader、plugins 的不同组合搭配,我们可以灵活定制出高度适配自身业务的打包构建流程。 loader 是 webpack 容纳各类资源的一个重要手段,它用于对模块的源代码进行转换,允…