Webpack中publicPath设置

简介:

webpack中的path是当我们build的时候,输出项目打包文件的位置。

webpack中的publicPath是我们打算放到web服务器下的目录,如果我们要放到网站的根目录下,那么就无需设置。如果要放到站点的其它路径,就可以通过设置publicPath来实现。

这样当运行的时候,请求的其它js, css等资源,就会添加上这个路径。

复制代码
output: {
path: helpers.root('dist'),
filename: '[name].[chunkhash].bundle.js',
sourceMapFilename: '[name].[chunkhash].bundle.map',
chunkFilename: '[id].[chunkhash].chunk.js',
publicPath: '/front/'
},
复制代码

 


本文转自JustRun博客园博客,原文链接:http://www.cnblogs.com/JustRun1983/p/7027977.html,如需转载请自行联系原作者



目录
相关文章
|
6月前
|
前端开发
webpack如何设置devServer启动项目为https协议
webpack如何设置devServer启动项目为https协议
1280 0
|
3月前
|
前端开发 JavaScript 开发者
Angular与Webpack协同优化:打造生产级别的打包配置——详解从基础设置到高级代码拆分和插件使用
【8月更文挑战第31天】在现代前端开发中,优化应用性能和加载时间至关重要,尤其是对于使用Angular框架的项目。本文通过代码示例详细展示了如何配置Webpack,以实现生产级别的打包优化。从基础配置到生产环境设置、代码拆分,再到使用加载器与插件,每个步骤都旨在提升应用效率,确保快速加载和稳定运行。通过这些配置,开发者能更好地控制资源打包,充分发挥Webpack的强大功能。
101 0
|
JavaScript 前端开发
vue+webpack项目动态设置页面title的方法
vue+webpack项目动态设置页面title的方法
|
JavaScript 中间件 开发工具
Webpack5 系列(三):开发环境的设置2
Webpack5 系列(三):开发环境的设置2
184 0
Webpack5 系列(三):开发环境的设置2
|
开发者
Webpack5 系列(三):开发环境的设置1
Webpack5 系列(三):开发环境的设置
78 0
|
存储 前端开发 JavaScript
webpack中output中path和publicPath区别详解
webpack中output中path和publicPath区别详解
264 0
|
资源调度 JavaScript 前端开发
webpack中极容易混淆的path、publicPath、contentBase配置
webpack中极容易混淆的path、publicPath、contentBase配置
1462 1
webpack中极容易混淆的path、publicPath、contentBase配置
|
前端开发 开发者
配置 webpack 设置根目录|学习笔记
快速学习配置 webpack 设置根目录
248 0
|
API 前端开发
webpack之proxyTable设置跨域
转自: https://www.cnblogs.com/wancheng7/p/8987694.html 为什么要使用proxyTable 很简单,两个字,跨域。
1793 0
下一篇
无影云桌面