前端部署自动上传资源文件到cdn/oss 解决路由和访问慢的问题

森叶

已于 2024-07-09 19:03:53 修改

阅读量823

点赞数 8

CC 4.0 BY-SA版权

分类专栏： Javascript 文章标签：前端

于 2024-07-09 18:51:45 首次发布

本文链接：https://blog.youkuaiyun.com/wangsenling/article/details/140304022

参考文档：webpack-aliyun-oss-plugin - npm

安装依赖，这是一个预编译环境下的包

npm install webpack-aliyun-oss-plugin --save-dev

以下代码的意思是：

webpack中引入一个oss上传插件，并且给予其初始参数，插件根据publicPath提供的域名后的path，将打包的文件一个个按照上传到path对应的目录中，并且根据from的路径指示，将./dist/static下的所有文件都按路径上传

1，关键点一：/scrm/xxa/xxb 无论建立多少级，oss桶都是自动建立的，无需人手动先把这些目录建立了,例如上面的path对应oss的目录/scrm/xxa/xxb下面，./dist/static下的文件也会被上传到这个目录下，这个目录却不需要先行建立

publicPath: process.env.NODE_ENV === 'production' ? `https://static-global.uncledesk.com/${version_path}/` : '/',
  
chainWebpack: config => {
        config.resolve.symlinks(true); // 修复热更新失效
        // 如果使用多页面打包，使用vue inspect --plugins查看html是否在结果数组中
        config.plugin("html").tap(args => {
            // 修复 Lazy loading routes Error
            args[0].chunksSortMode = "none";