如何在 html 中包含要使用的脚本答案

【问题标题】：How to include a script for use in the html如何在 html 中包含要使用的脚本
【发布时间】：2019-07-24 11:44:20
【问题描述】：

我正在尝试使用tinymce npm。我按照他们的指南，我被困在这里

Include this line of code in the <head> of your HTML page: <script src="/path/to/tinymce.min.js"></script>.

现在在我的脑海中，我把这段代码放在了 html 中

<script src="node_modules/tinymce/tinymce.min.js"></script>.

但是在控制台中，有一个错误Failed to load resource: net::ERR_FILE_NOT_FOUND

我还发现了另一个与我的问题相关的堆栈溢出问题并遇到了this one

我也尝试使用这里的解决方案，这就是我所做的，但仍然是同样的错误。

<script src="scripts/tinymce.min.js"></script>

这是我的示例项目的屏幕截图。

我正在尝试将tinymce.min.js 转换为index.html 内部views/blog folder

我的问题是，我怎样才能做到这一点？

【问题讨论】：

index.html 文件的相对路径是"../../node_modules/tinymce/tinymce.min.js"

标签： javascript npm tinymce

【解决方案1】：

一个简单的解决方法是使用 CDN 而不是 NPM。

替换这个：<script src="node_modules/tinymce/tinymce.min.js"></script>

有了这个：<script src="https://cdnjs.com/libraries/tinymce"></script>

下面我给出了我对这个问题的猜测，但如果不检查您的整个项目，我无法确定：

我认为您既不是在构建项目，也不是为项目服务。在您的示例项目中，我没有看到任何 webpack、gulp、grunt 或其他构建工具配置文件。我也没有看到类似 Browserify 或类似的东西。这些工具将能够读取指向本地 npm 文件夹的脚本并将其替换为 npm 文件夹中的脚本。如果没有这些工具，您的浏览器会认为src= 字符串是一个网址，并且找不到资源。

正如我所提到的，CDN 是一个简单的解决方案，因为它是一个托管您所要求的脚本的真实网站。在商业开发中使用的更复杂的方法是拥有一个完整的构建过程，然后是一个服务器。

【讨论】：

很抱歉没有包含各种构建工具。我计划尽快完成这个项目，因为它只是一个测试 tinymce 的示例文件。谢谢您的回答。现在可以使用了。