如何使用脚本#生成缩小的javascript？
要使用脚本生成缩小的JavaScript，您可以使用名为UglifyJS的工具。UglifyJS是一个流行的JavaScript压缩和优化工具，可以帮助您减小文件大小，从而提高网站的加载速度。
以下是使用UglifyJS的步骤：
- 首先，您需要安装Node.js。您可以从https://nodejs.org/en/下载并安装Node.js。
- 安装UglifyJS。打开命令行窗口，然后输入以下命令：
npm install -g uglify-es这将全局安装UglifyJS。
- 使用UglifyJS压缩JavaScript文件。在命令行中，导航到包含您的JavaScript文件的目录，然后输入以下命令：
uglify-es input.js -o output.js这将使用UglifyJS将input.js文件压缩为output.js文件。您可以使用任何文件名替换input.js和output.js。
- 您还可以使用UglifyJS在一行上压缩多个JavaScript文件。例如，要将file1.js、file2.js和file3.js压缩为一个名为output.js的文件，请输入以下命令：
uglify-es file1.js file2.js file3.js -o output.js使用UglifyJS压缩JavaScript文件后，您可以将生成的output.js文件部署到您的网站上，以便在生产环境中使用。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云COS：https://cloud.tencent.com/product/cos
- 腾讯云CDN：https://cloud.tencent.com/product/cdn
- 腾讯云CLB：https://cloud.tencent.com/product/clb
- 腾讯云Elasticsearch：https://cloud.tencent.com/product/elasticsearch
- 腾讯云TKE：https://cloud.tencent.com/product/tke
- 腾讯云CVM：https://cloud.tencent.com/product/cvm
- 腾讯云CLS：https://cloud.tencent.com/product/cls
- 腾讯云TMS：https://cloud.tencent.com/product/tms
- 腾讯云TMT：https://cloud.tencent.com/product/tmt
- 腾讯云TIE：https://cloud.tencent.com/product/tie
- 腾讯云TII：https://cloud.tencent.com/product/tii
- 腾讯云TIC：https://cloud.tencent.com/product/tic
- 腾讯云TBAAS：https://cloud.tencent.com/product/tbaas
- 腾讯云TBaaS：https://cloud.tencent.com/product/tbaas
- 腾讯云TSE：https://cloud.tencent.com/product/tse
- 腾讯云TSF：https://cloud.tencent.com/product/tsf
- 腾讯云TKE：https://cloud.tencent.com/product/tke
- 腾讯云TMS：https://cloud.tencent.com/product/tms
- 腾讯云TMT：https://cloud.tencent.com/product/tmt
- 腾讯云TIE：https://cloud.tencent.com/product/tie
- 腾讯云TII：https://cloud.tencent.com/product/tii
- 腾讯云TIC：https://cloud.tencent.com/product/tic
- 腾讯云TBAAS：https://cloud.tencent.com/product/tbaas
- 腾讯云TBaaS：https://cloud.tencent.com/product/tbaas
- 腾讯云TSE：https://cloud.tencent.com/product/tse
- 腾讯云TSF：https://cloud.tencent.com/product/tsf
- 腾讯云TKE：https://cloud.tencent.com/product/tke
- 腾讯云TMS：https://cloud.tencent.com/product/tms
- 腾讯云TMT：https://cloud.tencent.com/product/tmt
- 腾讯云TIE：https://cloud.tencent.com/product/tie
- 腾讯云TII：https://cloud.tencent.com/product/tii
- 腾讯云TIC：https://cloud.tencent.com/product/tic
- 腾讯云TBAAS：https://cloud.tencent.com/product/tbaas
- 腾讯云TBaaS：https://cloud.tencent.com/product/tbaas
- 腾讯云TSE：https://cloud.tencent.com/product/tse
- 腾讯云TSF：https://cloud.tencent.com/product/tsf
- 腾讯云TKE：https://cloud.tencent.com/product/tke
- 腾讯云TMS：https://cloud.tencent.com/product/tms
- 腾讯云TMT：https://cloud.tencent.com/product/tmt
- 腾讯云TIE：https://cloud.tencent.com/product/tie
- 腾讯云TII：https://cloud.tencent.com/product/tii
- 腾讯云TIC：
相关·内容
2回答
用Maven实现JavaScript精简工作流
java、javascript、maven、war、gruntjs
我想知道是否有“最佳实践”将“现代JavaScript构建工作流”集成到生成战争工件的Maven构建中。我发现了几个处理连接和缩小的maven插件：
对于开发，我希望构建一个不包含级联/缩小资源的WAR，以便我可以方便地进行调试。对
浏览 3提问于2013-08-31得票数 4
1回答
如何使pub build在dart聚合物项目中使用源地图
dart、dart-polymer、dart-pub
在上，当我像这样执行调试时：构建过程确实正确地为dart代码生成了带有的未缩小的javascript。但是，生成的html文件仍然引用.dart引导脚本。
我总是可以在事后手动修改html以使用.js文件，但这是一件痛苦的事情。如何让pub build自动生成引用debug javascript的html文件？
浏览 0提问于2014-08-22得票数 2
1回答
MVC中的Google地图api警告
asp.net-mvc、google-maps
在我的布局中。我呈现脚本。但是控制台会给我一个警告：Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys
浏览 3提问于2016-10-29得票数 0
1回答
对JavaScript文件有条件地进行丑陋化或串接
node.js、gruntjs、grunt-contrib-uglify、grunt-contrib-concat
我的脚本文件夹中有一个"Lib“文件夹和一个"App”文件夹。
对Lib文件夹中的所有JS文件进行丑化
浏览 0提问于2015-12-17得票数 0
回答已采纳
1回答
在laravel中包含js文件的最佳方法是什么？
php、laravel
我将创建一个使用Laravel5.7的新项目。每个刀片模板都有不同的JS代码，为此，我希望为每个模板创建单独的JS文件。现在，我想将这些JS文件包含在它们各自的模板中。我以前曾采用以下方法：
在"/body“标记之前手动包含JS文件。我还读到了关于app.js的文章。但是在这个文件中编写代码，
浏览 2提问于2018-10-24得票数 0
回答已采纳
1回答
Html Agility Pack:查找注释节点
c#、html、xpath、html-agility-pack、web-scraping
我正在抓取一个网站，该网站使用Javascript动态填充Html Agility包的网站内容。基本上，我是在搜索XPATH，但是"\\div[@class='PricingInfo']"节点是通过Javascript写入DOM的。因此，当我通过Html Agility包加载页面时，无法找到上面提到的XPATH。<!= {
price: 30
浏览 0提问于2010-10-02得票数 11
回答已采纳
1回答
使用require.js加载指定的TypeScript模块
javascript、requirejs、typescript、amd、bundling-and-minification
简要问题描述：我想使用TypeScript来生成AMD风格的命名模块，然后我想使用requires.js从捆绑和缩小的文件中加载这些模块。
这有可能吗？我希望将所有脚本捆绑和缩小(这样就不需要额外的HTTP请求)与加载由TypeScript生成的命名的AMD模块的好处结合起来。更新：I是按照以下JavaScript解决方案的<
浏览 3提问于2013-02-07得票数 3
回答已采纳
1回答
如何缩小接收PHP数组的javascript函数？
javascript、php、arrays、minify
我有一个javascript函数接收php数组，如下所示：let optlibs = <?>;
它工作得很好，但当我试图缩小功能时，问题就出现了。我试过的所有小型化器在php部件上都出现了错误。我能做些什么？
浏览 11提问于2022-08-20得票数 0
1回答
如何在开发过程中将css作为http文件注入而不是内联样式标记注入
css、inline、vite、inject
开发过程中的Vite Bundler环境<style type="text/style"> //css code..</style>这样做的目的是使文件可用于chrome开发，而不是很难调试的内联代码。
浏览 0提问于2022-08-28得票数 1
1回答
如何在WordPress插件开发期间禁用JS小型化？
wordpress
我正在开发一个WordPress插件，在JavaScript操作期间将一些JavaScript插入到页面的head部分。我终于弄明白了(我想？)WordPress会自动缩小我生成的任何内联脚本。);// This is a comment</script>";我最后在我的页面上看到的是：
<script>alert('Hello');</scrip
浏览 2提问于2016-04-19得票数 1
2回答
从javascript调用php作为src文件
php、javascript
我有一个问题，当.php文件被称为javascript时，这是什么意思？那么什么时候需要使用它呢？例如：<script src="dir/myphpfile.php" type="text/javascript"></script>
</head>
浏览 5提问于2012-07-10得票数 1
回答已采纳
1回答
用Java/Scala微型化CSS/Javascript
javascript、java、css、minify、bundling-and-minification
我需要在运行时为我的项目生成一些css / javascript。在生成此代码(可能使用PHP)之后，我需要获取字符串，将它们细化，然后保存缩小后的文件。我在Java/Scala中搜索这样的工具，但我找到的所有工具都是用于缩小项目文件，而不是根据需要在特定文件上使用插件。我查看了wro4j，因为它似乎可以这样工作，但无法在java代码中找到如何做到这一点，而不是
浏览 1提问于2016-01-25得票数 1
2回答
Requirejs optimiser -为站点的各个部分创建精简的脚本分组
javascript、requirejs
我正在使用requirejs优化器，我有很多JavaScript文件用于这个the应用程序。我想创建单独的缩小脚本，其中组的网站某些部分的脚本。我的问题是:如何创建精简的脚本组，以及如何防止将脚本库(例如JQuery )添加到scripts.min.js核心脚本中已经存在的这些模块组中？ base
浏览 2提问于2013-10-13得票数 2
2回答
php文件中的uglifyjs javascript
javascript、php、minify、uglifyjs
我的项目在PHP文件中有很多JS代码。我想缩小这些文件中的JS代码，我喜欢。该(或任何) JS小型机是否有可能对php文件中的JS代码采取行动？有人会建议从PHP文件中删除所有JS代码，并将其放入.js文件中--但这并不总是实用的。
请记住，我做的是，而不是，我希望动态地缩小JS (对PHP解释器的输出进行操作)。我正在将PHP代码交付给包含JS的客户，我希望在我正在交付的PHP文件中缩小JS。
浏览 0提问于2015-02-23得票数 2
回答已采纳
1回答
查找找不到文件
bash、shell-script
我想使用bash脚本中的"uglifycss“自动缩小多个CSS文件(从这里如何使用缩小工具用命令行缩小Javascript和CSS？)uglifycss --output {}.min.css {} \; \ -exec mv {}.min.css {} \;
文件在/newcss中，脚本是一个文件夹，在/newcss中是多个.css文
浏览 0提问于2022-09-02得票数 0
2回答
引用Asp.net JS文件
javascript、asp.net
我有一个记事本，上面写满了超过1000个.js文件的引用。我想让我的页面检查这个文件，并添加每个文件作为参考，例如：关于这一点的任何想法或例子。
浏览 0提问于2011-08-12得票数 0
2回答
动态插入脚本并立即执行
javascript
我正在构建一个webservice，可以自动组合和缩小网站的javascript。网站所有者只需在网站头中包含以下js片段，然后创建缩小的文件并将其附加到head元素。我看到的问题是，当脚本被动态追加时，它不一定会在主体的其余部分之前执行。由于许多站点可能期望在生成正文之前执行头脚本，因此这是一个问题。
有没有办法强制动态追加的脚本在执行任何其他操作之前执行？也许有一种解决方法，比
浏览 2提问于2010-12-11得票数 1
回答已采纳
2回答
开发javascript浏览器应用最好的节点包是什么？
javascript、node.js、coffeescript、jasmine
我开始使用nodejs，这是一个很棒的工具。我用它来开发我的前端，我已经在用咖啡脚本自动编译成javascript，还有允许我写单元测试的jasmine包。我正在寻找一些很酷的包来加速我的javascript / css开发。
例如，当我开发完我的应用程序时，我想要一个压缩所有javascript文件的包，然后把它放在一个单独的文件中，有点像闭包编译器。
浏览 1提问于2012-01-25得票数 2
回答已采纳
2回答
如何使用coffeescript开发网站？
javascript、coffeescript
如何使用CoffeeScript？它需要编译，所以--你用CoffeScript编写代码，编译它，然后在你的站点上插入真正的JavaScript？
这不是要花很多时间吗？还是有别的办法？附言:我看到了另一种方法--在开发阶段使用coffeescript.js库(大约150k)在文本/咖啡脚本脚本标签中插入咖啡脚本，并且只为生产版本编译并插入真正的Javascript。
浏览 3提问于2011-05-25得票数 12
回答已采纳
2回答
在Web设置项目和源代码管理中使用Microsoft缩略符
asp.net、visual-sourcesafe、web-setup-project、microsoft-ajax-minifier
我刚刚开始研究，以便与我工作的VisualStudio2008Web应用程序一起使用。事实证明，将其连接到.csproj文件非常容易，因此它为所有脚本生成了.min.js文件，但是我很难理解如何将其与& Source集成。本质上，我想要做的是将生成的.min.js文件包含在网络设置项目中，而不将它们包含在源代码管理中，因为：
必须在生成执行之前检查它们是一件很痛苦的事情(如果没有签出，小型程序就不能修改它
浏览 5提问于2010-02-22得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
