如何从本地库引用IntroJs 7的intro.js与introjs.css文件？

一、临时应急：固定CDN版本（无需本地文件） #

如果只是需要继续使用7.x版本，不用切换本地，直接在CDN链接后指定版本号即可避免自动升级到8.x：

<link rel="stylesheet" href="https://unpkg.com/intro.js@7.2.0/introjs.css"/>
<script src="https://unpkg.com/intro.js@7.2.0/intro.js"></script>

（7.2.0是7.x系列的稳定版本，可根据需求替换为其他7.x版本号）

二、本地获取并引用核心文件 #

若必须使用本地文件，按以下步骤操作：

1. 通过npm安装指定版本
   打开终端，执行命令安装7.x版本的IntroJS：

npm install intro.js@7.2.0 --save-dev

2. 提取核心文件
   安装完成后，在项目的node_modules/intro.js/目录下，你会找到需要的文件：

• intro.js（未压缩核心JS）
• intro.min.js（压缩版JS）
• introjs.css（未压缩核心CSS）
• introjs.min.css（压缩版CSS）

3. 复制到项目静态目录
   将上述文件复制到你的Python项目的静态资源目录中（比如static/js/和static/css/）。

4. 本地引用
   在HTML中修改引用路径为本地文件：

<link rel="stylesheet" href="{{ url_for('static', filename='css/introjs.css') }}"/>
<script src="{{ url_for('static', filename='js/intro.js') }}"></script>

（如果你的项目不使用Flask的url_for，直接写相对路径即可，比如./static/css/introjs.css）

三、为什么你下载的库没有核心文件？ #

你之前下载的可能是IntroJS的源码包（仅包含源码和构建脚本），而非编译好的生产包。通过npm安装的包会包含编译完成的核心文件，这是最可靠的获取方式。

内容的提问来源于stack exchange，提问作者Kevin L