无分类 vue-cli-30-如何配置webpack去掉console函数以及文档简略说明 最近发现build后的代码还有console,又不愿意每个页面去删除console,想想webpack这么牛叉的工具,自动删除console的功能应该有的。遂求谷歌、度娘,最后,在sf问答中找到答案。贴上问答链接。vue cli 3.0 文件压…
无分类 在vuecli30中自定cssjs和图片的打包路径 我们有时候因为一些特殊需求,可能需要将js/css/img等资源文件都打包到根路径下,但vue-cli3.0的路径配置中仅有 assetsDir配置项能够配置所有的静态文件所在的文件夹,并不能针对css/js/img等资源文件分别来做设…
无分类 关于-tapable-你需要知道这些 在阅读 webpack 前如果不了解 tapable 的话,很有可能会看得云里雾里,那么 tapable 到底是什么,又有什么用呢?本文主要介绍 tapable 的使用以及相关实现,通过学习 tapable 能够进一步的了解 webpack 的插件机…
javascript 记一次webpack打包 前言 公司的一个公众号要做一个H5的活动. 很简单的两个页面, 写完之后, 我想要不要去做一下压缩, 还是直接放上去就好了, 后面一想, 还是做下压缩吧, 正好重新学习下webpack, 以前用webpack 都是人家写好的手脚架,…
无分类 使用webpackdevserver创建mock-server 我们希望服务器返回特定类型的数据,以测试某页面在特定条件下是否存在问题,但作为前端我们一般不会接触到后端代码和数据库,每次都找后端添加模拟数据又很麻烦。
无分类 laravelmix配置vue的懒加载组件 larave-mix version: v4.1.2 安装依赖 {代码…} .baberc 增加: {代码…} webpack.config.js 增加: {代码…} 引入组件改为: {代码…} Enjoy.
无分类 webpack学习笔记优化部分optimizationsplitChunks 个人感觉splitChunks中除了cacheGroup之外的配置是用来作代码分割的,而cacheGroup是作为模块合并的配置项。cacheGroup内配置优先级高于外面配置,可以理解为先进行分割再进行合并,分割的代码放到哪个缓存组的块…
无分类 webpack-hash-chunkhash-contenthash浅析 官网解释:bundle由chunk组成,其中有几种类型(入口 entry chunk child chunk)。通常,chunk会直接对所输出的bundle。但是有些配置并不会产生一对一的关系。
无分类 webpack-之如何手写一个plugin 插件是webpack的“支柱”功能,他在构建流程里注入钩子来实现。在webpack运行的声明周期中会广播许多事件,plugin可以监听这些事件,在特定的时刻调用webpack提供的API执行相应的操作。