项目上线阶段优化,通过 externals 加载外部 CDN 资源 nprogress(注意大小写)

项目上线阶段优化–nprogress(注意大小写)

Config Set 命令可以动态地调整配置参数。打包的时候,直接排除掉以下这些,走cdn,可以减少包的体积

通过 externals 加载外部 CDN 资源

默认情况下,通过 import 语法导入的第三方依赖包,最终会被打包合并到同一个文件中,从而导致打包成功
后,单文件体积过大的问题。
为了解决上述问题,可以通过 webpack 的 externals 节点,来配置并加载外部的 CDN 资源。凡是声明在
externals 中的第三方依赖包,都不会被打包。

注意:通过 externals 加载外部 CDN 资源(link和script链接),Config Set时,要注意使用官方名称。例如控制台报错nprogress is not defined ,则是NProgress 没有大写

项目上线阶段优化,通过 externals 加载外部 CDN 资源 nprogress(注意大小写)

项目上线阶段优化,通过 externals 加载外部 CDN 资源 nprogress(注意大小写)