webpack 设置那些事- path 与publicPath

刚学习时,对output里的属性publicPath的用处其实是有些疑惑的。

正常,官方文档对publicPath的定义用词有些模糊,最重要的是还没有举例说明,想要nong明白只能靠实践。

所以,以下用实践说明一下他的用途。

以下是我在一项目中的配置:

output:{
    name: '[name].js',
    path: path.resolve(__dirName, '/dist/'),
    publicPath: '/assets/'
}

使用webpack打包后,会发现js文件等被打包在了之前path设置的dist文件下,所以可以下结论:
path: 是js 文件打包输出目录;
打包后,还可发现一些图片或按需加载文件的src 或url里, 路径前缀都是publicPath设置的assets, 所以结论为:
是其他静态资源或按需加载文件的路径前缀,即寻找路径(资源不会主动打包到publicPath 设置的路径下,是你部署时资源所在路径)

你可能感兴趣的:(webpack 设置那些事- path 与publicPath)