什么是Webpack外链js
Webpack是一个模块打包工具，它可以将多个模块打包成一个bundle.js文件，并且可以让开发者使用commonjs、amd或ES6模块的方式来编写代码。所谓Webpack外链js，就是指将这个bundle.js文件引入到HTML文件中。
Webpack外链js对SEO的影响是什么
Webpack外链js的引入方式本质上与传统的script标签引入静态JS文件是相同的，它们的SEO影响也是相同的。由于搜索引擎爬虫对于JS代码的获取和解析能力相对较弱，因此在抓取和解析JS文件时会存在一定的延迟，这可能会影响SEO效果。
如何开发SEO友好的Webpack外链js
开发SEO友好的Webpack外链js，主要包括以下几个方面：
- 尽可能减小bundle.js文件的体积。减小文件体积可以增加文件在搜索引擎爬虫和用户端的加载速度。
- 合理使用Webpack的chunking特性。Chunking可以将bundle.js文件划分成多个小文件，提高浏览器的并行处理能力，也可以减少文件体积。但是需要注意的是，太多文件会导致HTTP请求次数增加，也会对SEO产生负面影响。
- 使用Webpack合适的Hash生成方式。使用Webpack的Hash可以避免文件缓存的问题，让搜索引擎和用户获取到最新的页面，提高浏览体验。可以选用chunkhash或contenthash作为Hash生成方式，以页面中唯一的标识符来区分不同版本的文件，避免浏览器缓存问题。
- 在HTML文件中使用异步的加载方式。使用异步加载可以提高网页加载速度，避免搜索引擎爬虫及用户等待较长时间。可以采用HTML5中定义的defer或async属性，或者使用动态加载的方式。
