Webpack中 publicPath 跟 path 的区别,个人理解
来源:互联网 发布:判断微信浏览器 js 编辑:程序博客网 时间:2024/05/17 22:32
正在初学Webpack,如有写错,各路大神留言指正。谢谢。
看了好几个publicPath 跟 path 的区别, 感觉还是不能理解。
结合了实际例子,为什么要加上publicPath。
在webpack打包过程中,原来的引用,例如,a.png会根据loader 设置,重新打包路径。 b.css引用了a.png
当其他CSS文件(即b.css)引用到这个png的时候,webpack是会自适应,在原引用位置重新分配路径。 这个时候没有任何错误。
可当webpack去打包CSS 文件时候呢? 如果放在dist (webpack output 设置目录)目录下面,也是没问题。
不过通常会又打包多一层,dist/css/ 这个时候在b.css里面原来已经自适应好的路径好像就不对了。读取不到a.png。
这个时候就需要publicPath ,在a.png loader加上 publicPath : ../ 。 ../代表了上一层的意思,如果css文件只打包了一层,等于回到了目标根目录。
这时候原来自适应号的a.png引用路径又对了。 同理,假如CSS文件被打包在 dist/css/ff/ 下面, publicPath 应该就是 ../../ 了
webpack也是有打包顺序的, 个人感觉是为了避免资源加载顺序,最后导致资源路径不对的一种补丁..
此是应用之一,不懂,我也初学,说错留言改正
阅读全文
0 0
- Webpack中 publicPath 跟 path 的区别,个人理解
- webpack中 publicPath 跟 path 的区别
- [webpack]path、publicPath、--content-base 理解
- webpack中的path和publicPath的作用
- path与publicPath的区别
- webpack path和publicPath作用
- 转发跟重定向的区别【个人理解】
- webpack总结 & 个人理解
- 个人理解Java中String与StringBuffer类的区别
- webpack中require和import的区别
- webpack中require和import的区别
- webpack中require和import的区别
- 引用和指针的区别个人理解
- 框架和库的区别(个人理解)
- webpack中loader和plugin的概念理解
- c#中String跟string的“区别”
- c#中String跟string的“区别”
- c#中String跟string的“区别”
- ubuntu(16.04) 系统相互在root下免密ssh
- android的传参
- PAT 甲级 1130. Infix Expression (25)
- 工作总结
- CSDN-MARKDOWN flowchart.js 流程图详解
- Webpack中 publicPath 跟 path 的区别,个人理解
- CMake找不到opencv库解决办法
- 自动生成简单数学题的小程序范例
- Python练习题:类与对象
- 排序算法
- PAT 甲级 1131. Subway Map (30)
- rosparam和ROS参数服务
- 浅谈美国数学研究的现状
- Pre-reading----End-to-end argument in system design