![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 64
少油少盐不要辣
趁着年轻,去折腾,去改变吧
展开
-
webpack4打包插件,你不知道的一些配置细节
1.前言前段时间,老大让我重构下公司图表组件库2.0,组件库使用webpack打包的。于是,研究了一番,研究的过程中,我发现webpack的某些选项配置,还是有不少地方需要注意的,涉及到output,externals等。功能上涉及到,打包的格式,包体发布后的运行环境等等。因此,有了这篇博客。话不多说,我们开始~~2.output...原创 2022-01-16 21:09:18 · 904 阅读 · 0 评论 -
项目中你不知道的import的含义
1.前言一般来说,脚手架搭建的项目中,在文件中引入第三库都是用import语句。但是,出现这个语句的,不一定项目中就安装了该包。**有可能是用了webpack的externals功能,依赖的引入用CDN在index.html中引入的。**并且,用了这种功能,组件中的import引入语句是不需要做任何变动的。2.例子(1)组件中引入BMapGL依赖。(2)其他地方配置vue.config.jsindex.html...原创 2021-08-18 17:40:59 · 386 阅读 · 0 评论 -
webpack之externals解析
1.是什么可以指定排除掉不想被webpack打包的模块。一般适用于库的开发。2.既然模块不被打包,那么项目中的引入语句如何处理呢?webpack会根据你对模块的配置,将引入语句,编译生成对应环境下引入语句。3.如何使用具体参见官方文档,下面说下要点。如果库的打包为UMD格式的,即:libraryTarget: 'umd',那么需要配置一个对象。如: externals: { lodash: { commonjs: 'lodash', amd: 'lodash原创 2021-07-20 21:43:32 · 1758 阅读 · 0 评论 -
使用webpack的DllPlugin和DllReferencePlugin优化打包速度(150s降至39s)
前言项目是基于jeecgBoot这个低代码生成器做二次开发的,框架体积比较大,有的功能没用到。原创 2021-04-18 16:28:29 · 643 阅读 · 2 评论 -
webpack用命令行打包 如何设置mode
在使用webpack命令打包的时候,遇到如下问题:意思就是没有设置mode配置项,该配置项默认为production。那么用命令行,如何设置呢?如下图。原创 2020-02-07 14:59:20 · 1090 阅读 · 0 评论 -
TypeError: this.cliEngine is not a constructor
在配置webstorm中eslint时,报错:TypeError: this.cliEngine is not a constructor。有可能是webstorm版本和eslint版本不兼容问题。将eslint降级为版本5。可以尝试这个:npm install --save-dev eslint@5...原创 2020-01-15 10:34:29 · 3843 阅读 · 0 评论