How to import NPM package in JSFiddle?

在JSFiddle中直接使用NPM包并不是直接支持的，因为JSFiddle主要是一个前端代码片段编辑和分享工具，不直接提供Node.js环境或对NPM的直接支持。但是，您可以通过以下方法间接使用NPM包：

使用外部CDN

最常见的方法是通过CDN（内容分发网络）来引入想要使用的NPM包。很多NPM包都提供了UMD（Universal Module Definition）版本，可以通过CDN链接直接在HTML中通过<script>标签引入。

例如，如果您想要在JSFiddle中使用lodash库，您可以：

1. 访问一个提供NPM包CDN链接的网站，如 cdnjs 或 unpkg。
2. 搜索所需的库（例如，lodash）。
3. 复制提供的CDN链接。
4. 在JSFiddle的HTML部分添加<script>标签，将链接作为src属性。

html
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>

之后，您可以在JS的部分直接使用lodash的功能。

示例代码

假设您需要在JSFiddle中使用lodash来对数组进行去重。您可以这样做：

HTML

html
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.21/lodash.min.js"></script>

JavaScript

javascript
const arr = [1, 2, 2, 3, 4, 4, 5];
const uniqueArr = _.uniq(arr);
console.log(uniqueArr); // 输出: [1, 2, 3, 4, 5]

这种方法的优点是简单快速，但是依赖于外部CDN的稳定性和速度。

总结

虽然JSFiddle不直接支持NPM包的导入，您可以通过使用CDN版本的库来间接实现这一功能。这使得在JSFiddle中测试和分享包含流行JavaScript库的代码变得容易。在实际的项目开发中，您可能会使用Webpack或其他模块打包器来更系统地管理这些依赖。