时间戳

首页 > 解决方案 > 如何使用 NPM 导入 AlpineJS？

npm - 如何使用 NPM 导入 AlpineJS？

问题描述

应该如何使用 NPM 导入 AlpineJS？

AlpineJS 文档说：

从 npm：从 npm 安装包。

npm i alpinejs

将其包含在您的脚本中。

import 'alpinejs'

我将最后一行放入我的一个 JavaScript 文件中。然而什么也没发生。我想，也许我需要一个像 Grunt 这样的打包工具来让这个导入真正做点什么。我不知道客户应该如何知道 'alpinejs' 指的是alpine.jsin node_modules/alpinejes/dist。Grunt 只是让线路保持原样，而不是将 AlpineJS 文件放到我的输出目录中。

我想要达到的目标：

标签： npmgruntjsalpine.js

解决方案

您需要一个支持 npm 模块/导入的捆绑程序来处理您的 JS 文件（包括 Alpine.js 导入）。Webpack、rollup 或 parcel 都应该完成这项工作。

否则是的，您可以将 Alpine.js 文件node_modules/alpinejs/dist/alpine.js与您的 JS 文件连接起来并使用它（此时您不需要 import 语句）

推荐阅读