![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 73
别问我也不会
这个作者很懒,什么都没留下…
展开
-
npm升级、husky使用与prettier使用的坑
文章目录前言Huskynpm升级prettier总结前言今天试着系统玩下搭建项目代码规范时,碰到了一些问题,简直是无语他妈给无语开门,无语到家了。Husky此工具是一个git hook工具,基础的就不说了,反正使用此工具的命令行新建一个文件时,打印如下内容,并没有给我正确创建文件。这是嘛意思,也不报错也不给我建文件,我去网上搜了下,没找到原因,只是看到一个大佬说npm升级到v8+就自动解决了。后来我升级npm版本到最新后,这个问题就消失了。推荐以后开发使用高版本的npm,防止产生影响心原创 2022-04-05 18:08:13 · 2948 阅读 · 0 评论 -
webpack打包文件在本地与线上运行
文章目录前言本地运行线上运行总结前言根据上一篇webpack打包优化之后,想将成果物在本地打开运行,发现只能展示空白页面。为何将成果包扔在线上可以正常运行呢,本文探讨一下。本地运行打包后的成果物文件如下图所示。直接打开index.html文件,页面显示空白。去网上搜了一下原因,发现是资源路径的问题,具体讲述可看下面这篇别人写的文章。我改了个属性pulicPath: ‘./’, 重新打包后可正常展示页面。涉及到路由的操作可自己尝试,我没有试过。文章链接: https://www.jia原创 2022-03-30 23:14:44 · 2178 阅读 · 0 评论 -
webpack打包优化配置
文章目录前言不进行任何打包配置代码分离splitChunkruntimeChunk动态导入css文件处理css文件提取css文件压缩css实现Tree Shakingjs实现Tree shakingTerserscope Hoisting打包优化没效果打包界面显示分析总结前言之前使用webpack进行项目搭建配置时,都是操作一些基础的loader、基础插件配置与开发环境配置,没怎么考虑过打包配置。所以想整一下生产环境的配置,加深自己的理解。不进行任何打包配置当不进行任何打包配置时,使用的是prod原创 2022-03-30 01:52:00 · 3012 阅读 · 0 评论 -
npm包中有图片等资源时无法加载
引用依赖包时无法加载图片等资源原创 2022-03-20 03:10:26 · 2469 阅读 · 1 评论 -
公共组件进行npm发包使用
简单的组件打包与npm发布,并在其它组件引用原创 2020-04-25 16:43:10 · 962 阅读 · 0 评论