将静态资源推至 OSS

最新推荐文章于 2024-04-23 10:04:04 发布

CRMEB定制开发

最新推荐文章于 2024-04-23 10:04:04 发布

阅读量906

点赞数 1

CC 4.0 BY-SA版权

分类专栏： crmeb 学习笔记文章标签： webpack json 前端

本文链接：https://blog.csdn.net/qq_39221436/article/details/125095588

PUBLIC_PATH 与 webpack 的处理

假设将带有 hash 值的静态资源推至 CDN 中，此时静态资源的地址为: https://cdn.shanyue.tech。而它即是我们将要在 webpack 中配置的

config.output.publicPath。

module.exports = {
   
   
  output: {
   
   
    publicPath: 'https://cdn.shanyue.tech'
  }
}
复制代码

在 create-react-app 中，对 webpack config 做了进一步封装，阅读其源码，了解其 webpack.config.js 配置。

const publicUrlOrPath = getPublicUrlOrPath(
  process.env.NODE_ENV === 'development',
  require(resolveApp('package.json')).homepage,
  process.env.PUBLIC_URL
)

const config = {
   
   
  output: {
   
   
    // webpack uses `publicPath` to determine where the app is being served from.
    // It requires a trailing slash, or the file assets will get an incorrect path.
    // We inferred the "public path" (such as / <