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,如需转载请自行联系原作者



目录
相关文章
|
2月前
|
前端开发
webpack如何设置devServer启动项目为https协议
webpack如何设置devServer启动项目为https协议
181 0
|
8月前
|
JavaScript 前端开发
vue+webpack项目动态设置页面title的方法
vue+webpack项目动态设置页面title的方法
|
10月前
|
JavaScript 中间件 开发工具
Webpack5 系列(三):开发环境的设置2
Webpack5 系列(三):开发环境的设置2
142 0
Webpack5 系列(三):开发环境的设置2
|
10月前
|
开发者
Webpack5 系列(三):开发环境的设置1
Webpack5 系列(三):开发环境的设置
57 0
|
存储 前端开发 JavaScript
webpack中output中path和publicPath区别详解
webpack中output中path和publicPath区别详解
122 0
|
前端开发 开发者
配置 webpack 设置根目录|学习笔记
快速学习配置 webpack 设置根目录
207 0
|
资源调度 JavaScript 前端开发
webpack中极容易混淆的path、publicPath、contentBase配置
webpack中极容易混淆的path、publicPath、contentBase配置
1234 1
webpack中极容易混淆的path、publicPath、contentBase配置
|
API 前端开发
webpack之proxyTable设置跨域
转自: https://www.cnblogs.com/wancheng7/p/8987694.html 为什么要使用proxyTable 很简单,两个字,跨域。
1738 0
|
2月前
|
JavaScript 前端开发
webpack成长指北第9章---webpack如何对icon字体进行打包
webpack成长指北第9章---webpack如何对icon字体进行打包
40 1