Webpack的path和public path区别

最新推荐文章于 2024-01-24 21:16:23 发布
最新推荐文章于 2024-01-24 21:16:23 发布
阅读量1k 收藏 1
点赞数 1
分类专栏： webpack
本文链接：https://blog.csdn.net/sufubo/article/details/103147766
版权
  • path是webpack编译产出输出目录，编译会产出到某个路径下面，例如
assetsRoot: path.resolve(__dirname, '../dist'),
  • publicPath 指的是项目资源中引用的一个基础路径，比如src里面引入的路径，
<link rel="preload" href="/public/manifest.1dcb5797d6d04d1bd383.js" as="script">

例如这种，当然也可以在生产环境改为cdn地址

vieber
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Webpack path与publicPath的区别详解
12-10
前言 在webpack模块化开发的过程中，发现webpack.config.js配置文件的输出路径总有一个path与publicPath，不解其意。 module.exports = { output: { path: path.resolve("./examples/dist"), filename: "app.js", publicPath: "What should I put here?" } } 正文 官方解释 publicPath: The output.path from the view of the Javascript / HTML page. 从JS/H
webpack path publicpath 的区别
doctorone的博客
04-04 400
一般情况的打包目录： path: index.html xx/app.js xx/main.css xx/logo.png path：是打包文件 本地输出目录 publicpath：在服务器上的发布目录（建议绝对路径，相对路径也可以，但是注意的是相对index.html服务器发布目录）app.js 会渲染进入 index.html ...
webpack的output中path和publicPath的区别
nieling3的博客
02-05 205
webpack的path和publicPath区别
Webpack output配置中的path和publicPath区别
m0_37622071的博客
07-21 631
Webpack output配置中的path和publicPath区别 path：在执行npm run build之后，打包bundle.js存放的路径。 path: path.resolve(__dirname, 'dist'), publicPath ：用于给生成的静态资源路径添加前缀。运行时，html默认在其路径下引用打包好的静态资源。但打包好的静态资源（img，url等）在dist路径下，html路径引用错误，资源就无法加载。 publicPath: 'dist/' 但是，在使用HtmlWebp
【初识webpack】内置模块path；path常见的API；Webpack（使用前提+默认打包+创建局部+配置文件+编写和打包CSS文件+编写和打包LESS文件+postcss工具处理CSS）
qq_54075517的博客
08-01 473
内置模块path；path常见的API；Webpack（使用前提+默认打包+创建局部+配置文件+编写和打包CSS文件+编写和打包LESS文件+postcss工具处理CSS）
Webpack中publicPath路径问题详解
08-27
在Webpack构建过程中，`publicPath`的设置会影响打包后的静态资源如何被浏览器正确地加载和引用。 `output.path`是Webpack配置的另一个重要部分，它定义了Webpack打包后文件的输出目录，是一个绝对路径。例如，通常...
webpack学习教程之publicPath路径问题详解
08-30
在 Webpack 中，publicPath 是一个关键的配置选项，它可以影响资源的引入路径和输出目录。在本文中，我们将详细介绍 publicPath 的作用、配置方法和常见问题解决方案。 一、publicPath 的作用 publicPath 是一个...
webpack的publicpath
最新发布
每天都要努力学习哦~~
01-24 1974
当你的项目是放在服务器根目录的时候，publicpath=“/”当你的项目是放在服务器根目录的某个文件的时候，publicpath=“/xxx”如下图默认值： 空字符串。publicPath是非常有必要配置的，他是项目中引入静态资源（js、css）时的基础路径。例如：outPut.publicPath = '/dist/';在使用html - webpack - plugin插件打包后的html文件（下图）可以看到，引入js文件的路径为“publicPath + 静态资源“。敲黑板划重点，
webpack path模块(也是Node.js中的path模块)
init_yanxiao的博客
11-03 1062
path是一个构造类，他的原型上挂载了很多API 使用方法 const path = require("path"); // 首先我们在webpack.config.js中引入path模块 然后我们在resolve对象中挂载 alias 对象 alias = { main: path.resolve(__dirname, "../src"), // 其中__dirname就是绝对路径，也就是做了一次拼接 packages: path.resolve(__dirname, "../packages"
webpack 公共路径设置的全局变量 __webpack_public_path__
qq_26642611的博客
08-21 6574
webpack 提供一个非常有用的配置，该配置能帮助你为项目中的所有资源指定一个基础路径。它被称为公共路径(publicPath)。 在构建项目时设置路径值 开发模式中，我们通常有一个 assets/ 文件夹，它往往存放在和首页一个级别的目录下。这样是挺方便；但是如果在生产环境下，你想把这些静态文件统一使用CDN加载，那该怎么办？ 想要解决这个问题，你可以使用有着悠久历史的环境变量。比如说，我们设置了一个名为 ASSET_PATH 的变量： import webpack from 'webpack'; /
【无标题】Webpack中publicPath详解
qq_30436011的博客
10-25 4612
关于webpack中的path。
webpack配置中的path、publicPath和contentBase
diaozhimao4732的博客
09-11 887
output中的publicPath用于给生成的静态资源路径添加前缀，也就是会在打包生成的html文件里面引用资源路径中添加前缀。 当定义了output.publicPath值 如上图所示资源的路径加上了publicPath定义的前缀。并且output的publicPath影响到了使用devServer在打包生成的静态文件的位置，所以访问localhos...
webpack进阶
yi_xiuge的博客
08-01 445
先来看看最基础的webpack配置： var path = require('path'); module.exports = { entry: './src/index.js', output: { filename: 'bundle.js', path: path.resolve(__dirname, 'dist') } } 在index.js中引入了lo
webpack path.resolve
王工头的博客
03-16 1422
欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~ var path = require("path") //引入node的path模块 path.resolve('/foo/a', './b') // returns '/foo/a/b' path.resolve('/foo/a', 'b') // returns '/fo...
webpack中的path.resolve(__dirname, “dist“)
cathy_39的博客
01-30 1303
webpack中的path.resolve(__dirname, "dist")
webpack源码分析之path模块思考
liixnhai的博客
12-11 1430
webpack，在target，为web和node-webkit时对node相关api做了不同处理。 web下使用了brower的实现。 例如那个path.resolve。 node-webkit下是原始的集成node的模块。 下面用源码举证。 首先，看web: web下，需要nodejs api，是用的nodejs的浏览器实现版本，打包时，会把实现库打入，运行是执行，其实执行的是打入的nodejs api的浏览器实现版本。 看下，node-webkit ...
webpack中的path、publicPath和contentBase
weixin_34261415的博客
09-30 426
本文主要总结一下webpack里面关于path、publicPath和contentBase的区别及用法。 output里面的path表示的是output目录对应的一个绝对路径。 output里面的publicPath表示的是打包生成的index.html文件里面引用资源的前缀 devServer里面的publicPath表示的是打包生成的静态文件所在的位置（若是devServer里面的pub...
webpack path和publicPath作用
热门推荐
kcetry的博客
11-23 2万+
path：用来存放打包后文件的输出目录 publicPath：指定资源文件引用的目录 用处：例如在express中，指定了public/dist是网站的根目录，网站的源文件存放在public中，那么就需要设置path:”./dist”指定打包输出到该目录，而publicPath就需要设置为”/”,表示当前路径。 publicPath取决于你的网站根目录的位置，因为打包的文件都在网站根目录了，这
webpack publicpath
04-06
webpack的publicpath是一个配置项，用于指定浏览器在加载静态资源时从哪个路径加载。在webpack配置中，可以通过设置output.publicPath来指定public path。例如，如果设置为"/assets/"，则在浏览器中加载静态资源时将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值