url-loader配置文件输出路径

若希望输出的文件可以分类的放置在不同目录下, 可以通过配置url-loader的参数来实现

  • 配置webpack
  • image.png
  • 打包查看
  • image.png
  • 文件成功打包并且代码中也正确引用了

css文件输出路径

依然是在webpack中配置即可
image.png

为文件路径加上统一的域名或者前缀, 用作处理cdn

  • 在webpack的输出路径中, 加上配置

image.png

  • 并且记得在文件路径前加上斜杠

image.png

  • 打包后查看结果:

image.png
image.png

  • 确实添加上了域名

  • 上面是在统一的输出路径前加前缀, 若只想在图片前加前缀, 可以只在图片中配置publicPath:

  • image.png
  • image.png