webpack打包 模块名称大小写更改

最新推荐文章于 2022-06-14 15:46:51 发布
最新推荐文章于 2022-06-14 15:46:51 发布
阅读量756 收藏
点赞数
分类专栏： javascript 文章标签： heightmap 水波纹 msaa
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a873054267/article/details/121540190
版权

某些项目类库和ui工程在一块儿，长江的类库名称为小写，但类库模块名称为大写

导致引用错误

js文件配置

 

css配置，需要注意的是 MiniCssExtractPlugin低版本不支持函数传入

最新版本打包会有weakmap的报错，我试了一个1.2.1的版本可以兼容

A873054267
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
case-sensitive-paths-webpack-plugin:强制Webpack要求区分大小写的路径
05-09
区分大小写的路径-Webpack插件 该Webpack插件将强制所有必需模块的整个路径与磁盘上实际路径的确切情况相匹配。 使用此插件有助于缓解OSX上的开发人员不遵循严格的路径区分大小写的情况，这些情况将导致与其他开发人员或运行其他操作系统（需要正确使用大小写正确的路径）的构建盒发生冲突。 基于相同想法的为该插件提供了基础，但不幸的是，没有正确检查整个路径上的大小写。 该插件可以解决该问题。 输出示例： 找不到./src/containers/SearchProducts.js模块中的错误：错误：[CaseSensitivePathsPlugin] /Users/example/yourproject/src/components/searchProducts/searchproducts.js与磁盘/Users/example/yourproject/src/components/
webpack组织模块打包Library的原理及实现
08-27
主要介绍了webpack组织模块打包Library的原理及实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli+webpack项目 修改项目名称的方法
11-30
使用vue-cli+webpack创建的项目，修改文件名称或者更改文件的位置，运营时会报错，是因为npm项目，在安装依赖（node_nodules）时，会记录当前的文件路径，当修改之后就无法正常启动。 解决方法： 1 删除 node_modules 文件夹（如果修改项目名称，需要在在package.json中修改对应的name） 2 重新安装依赖 cnpm install 3 启动项目 cnpm run dev ok，解决 以上这篇vue-cli+webpack项目 修改项目名称的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
webpack打包非模块化js的方法
10-17
本文主要记录了非模块化js如何使用webpack打包，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
彻底解决 webpack 打包文件体积过大问题
08-30
本篇文章主要介绍了彻底解决 webpack 打包文件体积过大问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
大小写敏感吗_使用 webpack 插件规范文件的大小写
weixin_39525617的博客
12-24 833
此文对应 Issue Blog： https://github.com/zhangwilling/blog/issues/15 有更好的 MarkDown 观看体验。知乎的 MarkDown 还是那么挫。背景运维同学对文件的大小写问题一定很有感触。Mac 上大小写默认是不敏感的，到了线上（一般是 Linux）又是不敏感的，这就导致了一些莫名其妙的问题。从前都是口头约定，但不是所有人都会遵守。为了...
关于webpack
GuoZebin的博客
06-10 404
在去年刚接触到vue时，也同时接触到了webpack这个打包工具，在官网上和各种博客上也学习了它的各种概念，类似loader和plugin和区别呀，自己手写一个loader啊等等各种，但从未在实战中研究过，而且因为从自从vue-cli升级到3以后，已经不再暴露webpack的配置文件，所以对webpack的实战使用十分有限。最近开始重构去年初学react时写的一个项目，在给ant-design更换...
webpack build 在windows和Linux下build需注意路径的大小写
周二也被占用
11-13 3156
如：route/index.js 实际路径：/page/WanHG/index.vue 在index.js中写法 const ImageList = () => import('/page/Admin/imgaeList.vue') const WanHgIndex = () => import('/page/WanhG/index.vue' 在Windows内进行build不会报错...
Window系统文件大小写敏感度
06-25 2073
1、在window系统中，所有的文件夹或者文件名是不区分大小写的。即在同一个目录下不能同时存在名称相同大小写不一样的文件夹或者文件。 2、在压缩文件中是可以同时存在如上所述的文件的。例如：文件夹a 和 文件夹A 以及test.txt和TEST.txt是可以同时存在同一目录下的。 ...
如何配置Git支持大小写敏感和修改文件名中大小写字母呢?(转)
weixin_33836874的博客
05-17 431
1. 在新建代码文件时，不注意把文件名应该小小写搞错了2. 文件已经push到远程了3. 在windows下面将文件名字改为全小写 改好后，在Git中没有任何反应，使用git status时，如果遇到下面情况，说明GIT大小写不敏感，如下：   1 2 3 4 5 6 [rock@ROCK-PC]$ /d/WampServer/...
web项目linux编译路径,webpack下，项目打包再window下和linux下对路径大小写法处理不一样...
weixin_29384119的博客
05-03 263
上周，在项目部署的时候出现一个页面css样式不正确，但是在本地开发过程中显示是正常的，但是在使用Jenkins自动编译打包部署时，页面布局显示错乱。分析过程：1、一开始以为地Jenkins打包编译的脚本代码有问题，经过排查是正常的。2、本地开发正常，打包版本不正常，分析可能是编译后css的优先级被改变，导致样式被覆盖。但是本地直接build，然后使用ngnix部署，发现样式是正常的。因此排除是样式...
git 默认文件名大小写不敏感
weixin_36094484的博客
07-06 381
刚刚用纯js写一个滑动幻灯片，传到github发现一个图片的后缀名大小导致载入URL失败，修改后再上传发现git显示无改动，查了下发现git 默认文件名大小写不敏感，可通过git config core.ignorecase false修改，由于网友建议不要改动这项，重新上传完成后设置回“true”即可。
web前端（八）：webpack的使用
Alfred的博客
04-15 246
webpack 是一款模块加载器兼打包工具，它能够把各种资源，例如js（含JSX）、样式（含less/sass）、图片等都作为模块来使用和处理。 1.简介 Webpack 是一个模块打包器。根据模块的依赖关系进行静态分析，然后按照指定的规则将这些模块生成对应的静态资源。 相比于 gulp、grunt 等构件工具，WebPack 是一种模块化的解决方案，适合一些前后端分离项目的的场景，模块间依...
webpack ——自定义Loader，将i18n英文单词首字母转大写
weixin_42429220的博客
01-08 519
问题 在客户要求下要将项目中中英文切换，英文要以英文单词首字母大写为准。可是前期开发人员并没有规范。 多以这种： "headerFontColor":"top font MAV Mac /MAC(V)", 存在，可是emmmmm…一个一个修改，必si。 方法 1 去看了vue-i18n 官网，找到formatter可实现。 实践： // 实现自定义格式 class CustomFormatter { constructor (options) { } // 英文处理 u
webpack打包时如何修改文件名
hfhan的博客
06-14 5051
webpack打包时如何修改文件名 在使用webpack进行项目打包的时候，我们可通过以下方式对不同类型的资源，进行文件名或文件路径的修改
Webpack打包路径问题
thinshootout的博客
04-08 2530
Webpack打包路径缺省为绝对路径。 如果想把打包路径改为相对自定义路径，对于build环境(即最终一般会部署到proxy后)，需要修改config/index.js中的build段中的assetsPublicPath即可。 ... ... module.exports = { dev: { // Paths assetsSubDirectory: 'static',...
webpack基础
NeroSolomon的博客
06-02 245
1.全局安装webpack#cnpm i webpack -g2.初始化项目#npm init3.局部安装webpack#cnpm i webpack --save-dev4.打包文件#webpack 要打包的文件的路径 打包完的文件的路径5.该变webpack设置文件#webpack --config 新的设置文件名6.要打包css文件#// 在打包的入口文件中 require(css文件路径)...
webpack 分模块打包
最新发布
07-28
在使用Webpack进行分模块打包时，你可以按照以下步骤进行操作： 1. 首先，安装Webpack的核心模块以及它的CLI模块。你可以使用以下命令进行安装： ``` $ npm i webpack webpack-cli --save-dev ``` 2. 接下来，你可以创建一个Webpack的配置文件，例如webpack.config.js，来配置打包的入口文件和输出文件等信息。 3. 在配置文件中，你可以使用entry属性指定打包的入口文件，可以是一个或多个文件。 4. 使用output属性指定打包后的文件输出的位置和文件名。 5. 如果你想生成一个HTML文件，并自动引入Webpack生成的bundle文件，你可以安装html-webpack-plugin插件，并在Webpack配置文件中添加该插件。你可以使用以下命令进行安装： ``` $ npm install --save-dev html-webpack-plugin ``` 6. 在配置文件中，添加html-webpack-plugin插件，并配置相关参数，例如指定HTML模板文件等。 7. 最后，你可以使用Webpack的CLI命令进行打包，例如： ``` $ npx webpack ``` 这样，Webpack会根据你的配置文件，将各个模块打包成一个或多个bundle文件，并生成HTML文件并自动引入bundle文件。 #### 引用[.reference_title] - *1* *3* [如何使用webpack实现模块化打包？](https://blog.csdn.net/weixin_43334673/article/details/107535860)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [【webpack】-- 基本模块化打包流程](https://blog.csdn.net/qq_48802092/article/details/127196551)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值