webpack
文章平均质量分 96
ik i5
前端开发人员,熟练TS
展开
-
webpack性能优化
当直接引入第三方库时,并不会对第三方进行分包,因此就需要splitChunksplitChunk可以自定义分包,它底层是使用来实现的:该插件webpack已经默认安装和集成, 只需要提供SplitChunksPlugin相关的配置信息即可;Webpack提供了SplitChunksPlugin默认的配置,同时也可以手动来修改它的配置:比如默认配置中,chunks仅仅针对于异步(async)请求,我们也可以设置为all;原创 2023-08-06 19:22:27 · 888 阅读 · 0 评论 -
模块化原理:source-map
不使用source-map,也就是没有任何和source-map相关的内容。eval其实就相当于一个函数,用于还原源文件代码,但是还原的代码不是太准确。当引用或者不引用别的模块代码时,具体的错误信息也是查找不到的。因为下面的代码是经过丑化的。eval:development模式下的默认值,也不会生成。在webpack.config.js 中配置。或默认值 ,会发现打包的代码是下面的代码。,会发现打包的代码是下面的代码。,不生成source-map。,不生成source-map。但是把mode设置为。原创 2023-08-04 22:49:37 · 442 阅读 · 0 评论 -
babel兼容低版本游览器
安装插件 npm install @babel/plugin-transform-block-scoping -D。它们两个有什么区别呢?目前很多的项目都采用了多包管理的方式。但是开发中,我们并不需要一个个去安装这些插件,直接使用。文件夹了,但是并没有进行降级。,但是该包现在已经不推荐使用了。原创 2023-07-16 17:37:43 · 1983 阅读 · 0 评论 -
webpack PostCSS工具
利用wevpack打包css样式后游览器的适配,以及postcss插件的使用原创 2022-08-15 17:23:05 · 866 阅读 · 0 评论 -
webpack基础解析
我们可以在package.json的scripts中定义自己的执行脚本。如图:package.json中的scripts的脚本在执行时,会按照一定的顺序寻找命令对应的位置。首先,会寻找本地的node_modules/.bin路径中对应的命令。如果没有找到,会去全局的环境变量中寻找。如何执行我们的build指令呢?只需要终端命令:loader是webpack中一个非常核心的概念。webpack用来做什么呢?原创 2022-07-12 21:23:16 · 617 阅读 · 0 评论