如何编译CRA公共文件夹中的JS文件？
CRA（Create React App）是一个用于快速搭建React应用的脚手架工具。在CRA生成的项目中，公共文件夹（public folder）用于存放静态资源，其中包括JS文件。
要编译CRA公共文件夹中的JS文件，可以按照以下步骤进行操作：
- 首先，确保你已经在项目根目录下打开终端或命令行工具。
- 运行以下命令安装必要的依赖：
npm install- 执行以下命令来编译JS文件：
npm run build该命令会使用Webpack进行打包和编译，将公共文件夹中的JS文件转换为优化后的静态资源文件。
- 编译完成后，生成的编译文件将会存放在项目根目录下的
build文件夹中。
编译CRA公共文件夹中的JS文件后，你可以将生成的静态资源文件部署到服务器上，以供访问和使用。
腾讯云提供了一系列与云计算相关的产品，其中包括云服务器、对象存储、云数据库等。你可以根据具体需求选择适合的产品进行部署和管理。
更多关于腾讯云产品的详细信息，请参考腾讯云官方文档：腾讯云产品文档
相关·内容
1回答
我想在我的公共文件夹中编译一个Javascript文件，这样我就可以使用ES6语法来开发它了，但是它编译成了<ES6友好的版本，所以它可以包含在其他具有跨浏览器兼容性的文件中。如果我可以在不弹出的情况下做到这一点，如果我可以使用CRA现有的babel配置，那就太好了。如果我能让它正常工作，我会在我的产品构建脚本中包含这个命
浏览 7提问于2019-07-16得票数 0
我使用创建了一个具有类型记录支持的React应用程序。
我以ES5为目标，使用类型记录转换程序，这为我提供了对ES6语法的支持，但并没有像Babel那样为ES6的增强数组功能等添加多填充。
浏览 7提问于2017-12-07得票数 1
回答已采纳
我使用CRA创建了一个typescript应用程序，代码如下：它运行得很好，现在我想把这段代码剥离到一个npm包(库)中。我创建这个包的方法是:首先再次运行CRA，然后删除所有看起来不相关的内容(例如：公共文件夹)。/dist的简化版本如下所示： icon/
浏览 0提问于2021-05-20得票数 8
我正在做一个使用create- React -app构建的react项目，我对如何使用useEffect()引用本地JSON文件感到困惑。我的目录结构如下：src data App.js
在App.js中，我使用useEffect()和fetch()来获取JSON文件。如果我将我的数据文件夹放在公共目录
浏览 39提问于2021-03-08得票数 0
回答已采纳
由于某些原因，CRA需要module: "esnext"，如果没有module: "commonjs"，备份的服务器将无法启动。
我需要tsconfig文件吗？
浏览 0提问于2019-08-03得票数 2
我正在尝试使一个名为loadFixtures的函数可用于所有Jest测试。我在package.json内部的jest配置对象中有以下行：setup-globals.js{ console.
浏览 1提问于2018-03-17得票数 9
我的根目录文件结构当前如下所示：build/package.json
获取 net::ERR_ABO
浏览 0提问于2019-01-25得票数 0
我目前正尝试在react.js的本地主机上播放视频。我使用react-player模块来创建一个视频播放器组件。我可以使用youtube和facebook链接等urls播放视频，但无法使用文件路径使用本地视频。我通读了github上关于该模块的所有文档，但我无法找到答案，这就是为什么我在这里问你这个问题。下面是我的代码：import ReactPlayer from 'react-player
浏览 3提问于2020-03-22得票数 14
2回答
移动修改CRA包的开发文件
、、、、
以下是我的问题: CRA中用于开发构建的开发文件在哪里？如何将它们移动到其他位置？我的理论是:如果我能找到文件并将它们移动到正确的文件夹中，以模仿生产文件的相同结构(请阅读下面的更多内容)，我就可以使用FF/Chrome中的react开发工具来更好地排查bug。当生产文件由react构建脚本构建时，package.js
浏览 21提问于2020-11-25得票数 1
有一个名为registerServiceWorker.js的文件，它负责初始化service worker。我想在install事件上缓存一些文件，但是self.addEventListener('install', event给了我“意外地使用'self‘无限制的全局’”的错误。如何使用这个“内置”的服务人员作出反应？或者我可以创建另一个服务人员吗？
浏览 3提问于2018-07-27得票数 3
我一开始就开始使用CRA，它在一周内运行良好，没有任何问题，但是今天我创建了一个新的react应用程序，它忽略了构建公共和src文件夹。在运行"npx创建-反应-应用程序我的应用程序“之后，我在下面看到了一些图片。我试过"npm卸载-g创建-反应-应用程序“，但这并不能解决问题。CRA问题图1CRA问题图2CRA发行图片3
浏览 4提问于2020-04-05得票数 1
回答已采纳
3回答
如何将所有js文件与laravel合并成一个文件？直接将下载的外部插件js文件和CSS文件保存在公共目录中是一种良好的做法吗？因为我们已经有一个js文件夹在资源文件夹中，当我们执行npm run production时，它将被编译并保存在公共目录中，所以不确定这是否正确。我<
浏览 2提问于2018-05-11得票数 0
回答已采纳
有没有人可以告诉我如何在CRA-typescript PWA中使用Workbox和service worker实现后台同步？我已经在互联网上搜索了几个星期，但仍然没有找到一个好的教程或一步一步的指南。 让服务人员使用带有Typescript的Workbox是不可能的吗？
浏览 13提问于2020-07-16得票数 2
我已经用全新的create-react-app one复制了它的功能(使用react-scripts 1.0.13)。据我所知，我不能仅仅复制我现有的服务工作者existing-service-worker.js并尝试
浏览 5提问于2017-10-02得票数 10
'ckeditor_wiris', 'plugin.js' }} )
} 我使用CRA创建了一个react应用程序，此代码将使用Mathtype插件呈现CKEditor。我想在本地使用这个包中的mathty
浏览 59提问于2020-09-02得票数 0
回答已采纳
我需要在我的项目中导入自定义的JS和CSS文件。 在Laravel 6的文件结构中，资源文件夹中有一个js/和/sass文件。我已经在那里创建了一个script.js和一个style.css文件。我试着用代码给他们打电话 <script src="{{ asset('js/app.js</em
浏览 11提问于2019-09-19得票数 4
回答已采纳
我的目标是创建一个简单的应用程序，并在不使用create-react-app的情况下输出一个js独立文件和一个css独立文件。我有两个功能组件，比如 <div>test</div>}
我的app.js文件/Card';
ReactDOM.render
浏览 1提问于2020-05-17得票数 0
我正在使用我开发的一个包(我的包)中的创建-反应-应用程序。我的包裹和webpack捆绑在一起。
在重任务测试循环中，我经常更改我的包，然后我用npm i —save ../my-package在react-app中本地重新安装它，不幸的是，这个操作很慢，并且在我处于npm start模式时不会触发react-app的重新编译操作。如果我能在包中设置webpack —watch，并以某种方
浏览 1提问于2018-04-17得票数 12
回答已采纳
1回答
我正在创建一个使用React的PWA。除了fetch事件侦听器之外，我的服务工作人员似乎工作得很好，当GET HTTP请求在我的React应用程序中使用fetch API从web上的外部API获取数据时，它不会执行。我应该把我的获取事件侦听器放在哪里？
如果你注意到我下面的代码有什么问题，请告诉我。我使用的是使用create-react-app启动新
浏览 1提问于2018-07-27得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
