![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webpack
文章平均质量分 55
Ethereal霄
这个作者很懒,什么都没留下…
展开
-
如何将第三方包用cdn地址引入到index.html中保证运行?
但是第一次运行开发环境的速度会有点慢,所以开发环境下想要webpack引入本地的node_modules那些第三方包。生产环境,打包时会以public/index.html,也有那些第三方的cdn地址,所以也能正常运行。dist瘦身:影响dist的体积,其他第三方包用cdn地址引入到index.html中保证运行。把一些静态资源:css, .js,图片,视频放在第三方的CDN服务器上,可以加速访问速度。打包dist和开发环境都会使用这套配置(cdn地址),并排除掉第三方。问题:我们虽然排除调了第三方的包。原创 2022-09-29 19:45:28 · 1433 阅读 · 0 评论 -
如何打包发布减少包体积排除第三方?
比如 elementUI 文件就很大,而且这类插件长期不需要我们进行更新,所以。配置后再次运行 npm run build 打包生成的dist文件内存小很多。==一定要去修改掉引入Element用的变量名, 这里要匹配去替换==此选项作用, 告诉webpack排除掉这些包, 不进行打包。==因为cdn里的源代码配置在ELEMENT这个变量上==把一些平常不需要用的包排除在打包文字之外。全部打包到自己的项目中呢?原创 2022-09-29 19:12:01 · 1269 阅读 · 0 评论 -
解决打包问题--出现404问题
publicPath:默认值'/'确保开发环境下,是这个值,因为开发服务器会把所有打包在内存里面而且作为服务器的根目录文件夹,既结对地址。你如果把dist文件夹交给后台运维工程师部署到服务器上,dist下内容就得在服务器根目录才行,地址是以/开头(要找到当前index.html打开时所在服务器的根地址(文件夹))。生产环境准备上线了,这个时候,就得用相对地址,publicPath:'./'1.默认打包,index.html引入其他打包的文件使用的是绝对地址,路劲不以/开头,就是以./开头(默认)原创 2022-09-29 18:44:06 · 1496 阅读 · 0 评论