15 —— Webpack中的优化——前端项目使用CDN技术

一般来说我们会在开发模式下使用本地第三方库；生产模式下使用CDN加载引入

这样在生产模式下无任何第三方库的源码，项目体积就会缩小的多一些内容

使用步骤：

• 在html文件中引入第三方库的CDN地址;

• 用模板引擎语法判断

<% if(htmlWebpackPlugin.options.useCdn){ %>

<% } %>

<%空格...空格%>

• 配置webpack.config.js中externals外部扩展选项

webpack的externals属性用于排除不需要打包的库；

设置externals，可以确保项目正确引用外部资源而不打包