将放置在/public中的JS文件导入到/src中的JS文件
将放置在/public中的JS文件导入到/src中的JS文件，可以通过以下步骤实现：
- 确保/public目录中的JS文件已经存在，并且可以通过公开的URL访问到。这些文件通常是用于前端开发的静态资源文件，如JavaScript库、CSS样式表等。
- 在/src目录中的JS文件中，使用HTML的script标签来导入/public目录中的JS文件。例如，如果要导入名为"example.js"的文件，可以在/src目录中的JS文件中添加以下代码：
<script src="/example.js"></script>这里的"/example.js"是/public目录中"example.js"文件的相对路径。通过这样的方式，浏览器会自动从服务器上请求并加载该JS文件。
- 在导入JS文件时，可以使用相对路径或绝对路径。如果/public目录和/src目录在同一层级，可以使用相对路径，如"/example.js"。如果/public目录和/src目录不在同一层级，可以使用绝对路径，如"/public/example.js"。
- 导入JS文件后，可以在/src目录中的JS文件中使用该文件中定义的函数、变量等。通过这种方式，可以在前端开发中重用公共的JS代码，提高开发效率。
总结： 将放置在/public中的JS文件导入到/src中的JS文件，可以通过在/src文件中使用HTML的script标签来实现。导入后，可以在/src文件中使用/public文件中的JS代码。这种方式可以方便地重用公共的JS代码，提高开发效率。
推荐的腾讯云相关产品：腾讯云对象存储（COS）
- 概念：腾讯云对象存储（COS）是一种存储海量文件的分布式存储服务，提供高可靠、低成本的数据存储解决方案。
- 分类：云存储服务
- 优势：高可靠性、低成本、强大的数据处理能力、灵活的权限管理、全球部署等。
- 应用场景：网站托管、大规模数据备份与归档、静态资源存储与分发等。
- 产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
我目前正致力于在我的Vue应用中实现OAuth身份验证。除了这两个文件之外，还有一个文件public/oidc-settings.<e
浏览 51提问于2019-08-13得票数 0
1回答
这是我的文件夹的样子。/src/App.css"> </head>
<div id="practice"></div>
<&#x
浏览 21提问于2019-12-10得票数 0
回答已采纳
我已经使用npx create-react-app my-app设置了一个新的react应用程序。在index.html文件中，我想在头部导入一个javascript文件，如下所示 <script src="/src/.../file.js"></script> 但是，我一直收到意想不到的标记'<‘错误。我不能做导入，因为它会产生很多错
浏览 18提问于2019-09-29得票数 0
默认情况下，GatsbyJS正在推动使用css模块和定制css in js库，如和。<link rel="stylesheet" type="text/css" href=&quo
浏览 2提问于2017-10-27得票数 8
回答已采纳
所以在我的html中有一个像这样的脚本： var slider = new Slider("#pics", { });我将把这个脚本放在一个JavaScript文件中，所以我假设我要把它转换成一个functionfunction change_pics(){
var slider
浏览 12提问于2016-09-16得票数 0
我尝试了很多方法将实体导入到脚本中的connection中，但是没有任何东西正确运行。这样，我就没有现成的存储库可以在代码中使用我的实体。处理TypeORM库的文件:import * as typeorm from 'typeorm'
import {Public} from './..&
浏览 0提问于2019-01-05得票数 0
在生成的js文件中，文件不会按照它们在数组中传输的顺序粘合在一起。 context: path.join(__dirname, "/public/src/js/entry&#x
浏览 2提问于2019-03-26得票数 2
1回答
我希望在我的所有选项卡中都可以访问一个值。我尝试了隐藏输入，但它不起作用。我尝试在其中一个js文件中使用var x；，但其他文件无法访问它。该怎么做呢？
浏览 1提问于2012-05-18得票数 0
回答已采纳
1回答
我正在用svelte构建一个应用程序，我在/src文件夹中有一个/src文件，我将在其中放置帮助函数。我试图将helper.js文件导入到GetData.svelte文件中：<script>
const ap
浏览 2提问于2021-07-27得票数 1
回答已采纳
2回答
我有一个使用jQuery.MD5库的js代码。它在我的服务器上运行得很好： <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https:/&#x
浏览 5提问于2017-08-10得票数 3
回答已采纳
尽管sass成功地工作，但我在加载引导组件所依赖的javascript文件时遇到了一些问题。值得一提的是，我使用的是Vagrant (虚拟机)，它为项目提供服务。另外，我正在使用浏览器同步插件，它启动一个迷你服务器并引用VM中的服务器。我希望我解释得很好！索引文件(在公用文件夹中)
<div class="carousel-inner" data-slide-to=&quo
浏览 2提问于2020-10-31得票数 1
2回答
下面是我的工具栏页面和我的文件结构的图像，我无法使用这些工具栏加载任何图像，不确定是什么导致了这一点： <h1>HI</h1> <title>Form validation</title> <li
浏览 1提问于2022-02-23得票数 0
回答已采纳
我正在用Svelte构建一个应用程序，并试图在其中添加以前编写的.js文件。我试图在main.js文件中导入它，但是给出了一个错误：Cannot read properties of null (reading 'offsetHeight') --这是.js文件： </li>
浏览 5提问于2021-11-22得票数 0
回答已采纳
在html5中，如何将下面的类(构造函数和方法)放在另一个文件中，并在html文件中引用它。
下面我有在一个文件中的一切，我不想要的。
浏览 1提问于2013-04-09得票数 6
回答已采纳
我想在rails应用程序的视图中显示图表。使用此链接包含图表<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/e
浏览 1提问于2018-06-28得票数 0
我正在尝试访问index.ejs.中的javascript库文件。我在index.ejs中这样写了一个路径：但它不起作用。文件结构如下：|
|_ _ node_module --
浏览 0提问于2015-12-19得票数 0
1回答
对于phoneGap 实现，我使用以下代码：function onDeviceReady() {
plugins.navigationBar.init，标题标签为HOME，没有左或右navBarButton，因为我在主页中不需要它。但是，当我点击一个按钮进入下一个HTML页面xyz.html时，navBar显示了相同的行为：，也就是说，没有左键的相同的标题和写按钮。我还试图在xyz.html页面<e
浏览 2提问于2012-10-11得票数 3
回答已采纳
1回答
我试图在vue app.vue中添加外部js文件。但这不管用。接下来，我添加了外部样式表。还希望在组件中包含另一个js文件。我是vue js的初学者。我怎么能把这个包括进去。提前谢谢。我用的是vue cli <template> <router-view/>
浏览 2提问于2020-06-04得票数 1
所以我对此还很陌生，但我认为这应该是有可能解决的。现在我想要一个图像作为背景背后的开关在网站上。如果我通过url链接图片(例如来自google的图片)，这是没有问题的。
但是如果我链接了Pi上的图片，它就不会显示在网站上。它显示文件的名称，但不显示它。我将图像放在与html文件相同的文件夹中
浏览 3提问于2019-04-02得票数 0
2回答
为了满足业务需要，我想定制这个组件：import ReactPasswordStrength from 'react-password-strength'import MyReactPasswordStrength
浏览 9提问于2019-11-04得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
