首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
Webpack打包
订阅
15201170162
更多收藏集
微信扫码分享
微信
新浪微博
QQ
21篇文章 · 0订阅
Webpack 中 file-loader 和 url-loader 的区别
webpack 打包处理图片或字体路径问题之 file-loader 和 url-loader 使用区别
前端工程化实战 - 可配置的模板管理
⚠️ 本文为掘金社区首发签约文章,未获授权禁止转载 前言 前端工程化的实战目前已经到了第三篇,在前两篇中已经分别搭建了一个简单的 React 脚手架与一个初步可用的 CLI 工具。 在基础脚手架搭建完
webpack4 optimization配置splitChunks和namedChunks
想要实时查看打包变化,可以通过一个打包分析利器。webpack-bundle-analyzer chunk: 含义是拆分模块的范围,它有三个值async、initial和all。 假如我先建立一个btest文件,再建立一个atest文件,进行打包后,发现btest的文件的has…
带你深度解锁Webpack系列(优化篇)
带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇),主要是讲解了 Webpack 的配置,但是随着项目越来越大,构建速度可能会越来越慢,构建出来的js的体积也越来越大,此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…
vuecli3项目打包优化配置要点
(8) 重新启动npm run serve即可,现在的配置是开发环境,在浏览器的Network JS里面是看不到的。若想查看,请将vue.config.js里面的
多图详解,一次性搞懂Webpack Loader
本文通过精美的图文,深入分析 Webpack Loader 的运行机制,带你吃透 Webpack loader 的 11 个核心问题。
jsliang 求职系列 - 32 - Webpack 简单实现
Webpack 的本质就是一个模块打包器,工作就是将每个模块打包成相应的 bundle。 如果小伙伴懒得敲,那可以看上面仓库的最终代码。 下面分 3 章尝试这个内容。 也就是说我们执行到 message.js,但是它里面的内容没法运行,因为 import 是 ES6 内容嘛。 …
vue-cli3 项目优化之多项目共用配置、组件动态打包node命令
实际项目最终可能会有很多的页面或者组件共用。但是又因为其中一些需求的特殊性,又不能把两个项目完全合并在一起。 于是百度了一番,整出了两个项目功用一套配置和公用组件,通过node命令控制预览、打包结果。 也有想过把公用组件部署到私有的cnpm上,但其中有很多还是涉及到公司业务方面…
基于node实现Vue打包部署脚本
在服务器上解压dist压缩包,随后删除压缩包。 这样我们只需要在npm run build完成打包后自动将代码上传到指定服务器,完成自动部署。 当项目较多需要多个部署环境,可以通过定义环境变量决定部署环境。
Webpack4分包插件splitChunks简析
webpack4移除了commonChunksPlugin,改用splitChunksPlugin,在升级的过程中踩了一些小坑,在此记录下。 chunks: webapck的splitChunks默认只对按需加载的模块起作用,可通过改变该属性修改默认行为,可选的值:'async…