webpack中怎么使用第三方库

在使用第三方库时，可以使用webpack的模块打包功能来引入和使用它们。以下是一些常见的方法：

1. 使用npm安装第三方库，然后使用`import`或`require`语句将其导入到代码中。例如：

import _ from 'lodash';

// 使用lodash库中的方法
const result = _.map([1, 2, 3], (n) => n * 2);

2. 如果第三方库没有提供ES6模块，则可以使用`expose-loader`将它们暴露为全局变量。例如：

import $ from 'jquery';

// 使用expose-loader将jquery暴露为全局变量
import 'expose-loader?$!jquery';

// 然后就可以在代码中使用$符号了
$('body').append('Hello World');

3. 如果使用CDN加载第三方库，则可以使用`externals`选项将其排除在打包范围之外。例如：

// webpack.config.js
module.exports = {
  // ...
  externals: {
    jquery: 'jQuery'
  }
};

<!-- index.html -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="bundle.js"></script>

在代码中使用`jquery`变量即可，webpack会自动从全局变量中获取它。