Webpack 4如何动态切割JS注入文件名详解
更新时间：2019年07月09日 14:40:57 作者：CRPER
这篇文章主要给大家介绍了关于Webpack 4如何动态切割JS注入文件名的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用Webpack4具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
前言
昨天重新把我们公司的引流页做了二重封装，遇到一个问题。
webpack 切割的时候如何加个可以跟随文件名变化的前缀。
效果图
解决路径
- GG大法+ webpack官方文档
官方文档还真的有提供对应的知识，说明如下
大体就是就是 [request] 可以拿到实际解析的文件名，来取代默认的索引递增的方式。
代码实现
对应的API官方文档：【magic-comments】
// 注册
const IntroRegister = categoryName => {
return () => import(/* webpackChunkName:"[request]" */ `@/views/${categoryName}/intro-register/intro-register.vue`);
};
总结
这样做的好处就是文件切割目的达到了,加载的资源文件也清晰，有名字一目了然，而非默认的 0.js,1.js
好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对脚本之家的支持。
相关文章
今天小编就为大家分享一篇Layui表格行工具事件与数据回填方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
这篇文章主要介绍了微信小程序接入vant Weapp组件的详细步骤,本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-10-10
这篇文章主要为大家详细介绍了javascript移动开发中touch触摸事件，感兴趣的小伙伴们可以参考一下2016-03-03
对frameset、frame、iframe的js操作示例代码
父框架到子框架的引用、子框架到父框架的引用、兄弟框架间的引用、不同层次框架间的互相引用具体实现如下，有此需求的朋友可以参考下2013-08-08
今天小编大家分享一篇layui实现下拉复选功能的例子(包括数据的回显与上传)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
这篇文章主要介绍了javascript运动效果,结合实例形式总结分析JavaScript实现放大缩小、滑动淡入、滚动等效果的方法,需要的朋友可以参考下2016-01-01
SyntaxHighlighter是一个使用JavaScript编写的支持多种编程语言语法高亮的JS插件，很多大型网站或博客都在使用。现在给大家介绍一下如何让它自动识别加载我们添加的代码语言2017-02-02
原生JS利用transform实现banner的无限滚动示例代码
这篇文章主要介绍了原生JS利用transform实现banner的无限滚动示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-06-06
兼容IE,firefox的js tab效果代码增强版2008-04-04
今天小编就为大家分享一篇js+springMVC 提交数组数据到后台的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论