![](https://img-blog.csdnimg.cn/2019091813595558.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Webpack
文章平均质量分 77
webpack 工程化的使用及配置
存梨
不负好时光
展开
-
问题记录:使用 @svgr/webpack 配置 svg 文件引入
之前项目是使用的 Babel 来配置 svg 的引入,升级后希望体验 nextjs 的 swc编译速度。先来声明项目架构,基于 next.js 和 react 搭建的项目,均采用最新的版本。由于 nextjs 对于 svg 的引入方式有自己的一套规则,在配置文件中需要找到这些规则并覆盖。这个字段在官方文档中藏的还蛮深的,在 options 里翻了一遍没有找到,去使用实例中才看出来端倪。还支持另一个值 ‘named‘,这个参数值则能获得期望的行为,导出的 svg 文件如下。那么需要修改配置,及类型声明。原创 2024-03-05 19:27:44 · 1334 阅读 · 0 评论 -
Webpack 打包(二)多入口配置及动态切割代码踩坑
本文介绍了项目代码打包构建的时候切割代码,减少引入文件的体积的方法。分享给大家踩坑的经历,也给自己留个记录,方便回顾。项目基础:多个页面入口文件必须引入的有THREE.JS,ECharts.JS项目需求:多入口的相关文件配置js与css文件分离,引入的文件不能过大必须引入的文件如THREE.JS,提取到公共资源中(一)HtmlWebpackPlugin配置多入口页面采用的...原创 2020-03-25 23:56:35 · 980 阅读 · 1 评论 -
Webpack 打包构建时遇到的坑(一)Babel 版本
文章目录Babel版本问题1.发现问题:项目不支持Promise方法2.尝试解决:引入语法转换插件,增加配置文件3.再次尝试:升版本号,修改配置名称4.记录总结(1)Babel 插件库 6.x版本的配置(2)Babel 插件库 7.x版本的配置复盘本周使用webpack打包时遇到的几个坑点,记录下来扩展知识点。Babel版本问题1.发现问题:项目不支持Promise方法项目中使用到了ES6...原创 2020-03-22 18:52:33 · 3824 阅读 · 1 评论