前端/打包压缩/webpack
文章平均质量分 80
十方魔
朝同歌,暮同酒。
展开
-
一文详解sass新特性——模块
1. 简介2. @import的缺点3. 模块化的核心@use3.1 @use的基本用法3.2 @use与@import的区别3.3 配置样式库的基础变量4. 给库开发者使用的利器@forward4.1 @forward的基本用法4.2 用show/hide控制成员是否可见4.3 给不同的子模块添加前缀5. sass内置模块6. 兼容性7. 迁移指南8. 参考资料简介...原创 2019-12-02 12:02:39 · 3498 阅读 · 1 评论 -
迁移到webpack4:从webpack.optimize.CommonsChunkPlugin到config.optimization.splitChunk,以及有个搜出来的中文解决办法是错的
今天在对着webpack中文指南一点点敲demo,在代码分离这一节遇到了一个报错:webpack4 Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead哦,原来是原来的插件不能用了,这个中文指南,标的是webpack4...原创 2018-05-07 16:57:00 · 48465 阅读 · 26 评论 -
node.js 的 模块加载机制和server端hot reload热加载实践
工作上遇到个后台的项目,express + vue 写的,用了Webpack Hot Middleware配合webpack-dev-middleware来让客户端连接到客户端,使用nodemon来监听重启服务器。但是webpack打包前端静态资源的速度还是比较慢的,每一次对server端的改动都要等待重新打包,但客户端的文件其实并没有改动,这么做就浪费了时间。所以,想摸索一下服务器端热加载的方法...原创 2018-07-15 14:35:30 · 2729 阅读 · 2 评论 -
打包工具比较:webpack VS rollup VS parcel
comparing-bundlers-webpack-rollup-parcel原文:https://medium.com/js-imaginea/comparing-bundlers-webpack-rollup-parcel-f8f5dc609cfd文章目录一句话总结特性webpackrollupparcel分3个方面来对比配置入口文件transformations摇树优化dev serv...翻译 2019-06-10 17:22:54 · 7095 阅读 · 3 评论 -
commonjs与es6 中的模块化机制有什么区别
CommonJs导出的是变量的一份拷贝,ES6 Module导出的是变量的绑定(export default 是特殊的)cjs中,对象的传递如同a = b 一样,基本类型值传递,对象则引用传递。而es6 module中,如果不用export default去引用,基本类型也是引用传递的。export default的赋值则与a = b 相同。CommonJs是单个值导出,ES6 Module可...原创 2019-07-11 11:51:18 · 2285 阅读 · 0 评论 -
webpack中分割代码的三种方式
文章目录entry - 配置多入口、多页面splitChunks - 智能抽取公共代码dynamic-import - 按需动态加载tips - 踩坑小提示避免过度优化!结局官网教程:code-splitting最近在开发一个新的功能,需要在某一条件下引入新包,而之前的场景则完全不需要。这种情况下,动态加载+代码分割正可以派上用场。在动手之前,先看看官网是怎么说的吧。entry - 配置多入...原创 2019-10-10 16:48:12 · 2543 阅读 · 0 评论