我有一个项目，其中有很多 JavaScript 文件，分别位于多个文件夹中。
root
| - index.html
| - lib
| -- jquery-ui.js
| -- jquery.js
| -- html2canvas.js
|
| - js
| -- main.js
| -- app1.js
| -- app2.js
| -- app3.js
并且需要使用 webpack 分别缩小这些文件，以便每个文件保留其路径。
我不想拥有一个包含所有代码的文件。
我当前的配置：
const path = require('path');
module.exports = {
entry:[
'./js/index.js',
'./pages/MCF/js/index.js',
'./pages/MCF/js/refresh.js',
'./pages/MCF/lang/index.js',
'./pages/MCF/lib/scriptJs/script.js',
'./pages/MCF/lib/scriptJs/load.js'
],
output :{
path :path.resolve('./prod/js'),
filename: "app.min.js"
},
module:{
rules:[
{
test:/\.js$/,
exclude: /(node_modules|bower_components)/,
use:['babel-loader']
}
]
}
}
我正在寻找一种方法来输入缩小的JavaScript文件并最终得到可读的东西.我知道它不会有原始变量,它们都是单个字母,但至少它会有换行符和可能的标签.
那里有什么吗？
当处理具有大量javascript的网站时,我发现这些仍然通常作为一个大的javascript文件提供给客户端.
在开发阶段,javascript文件通常是分开的(比如有大约300行的js),以使事物更易于管理,然后在网站"放置"时合并？或者开发人员只是忍受在一个长文件中工作？
我想在C#中最小化javascript.以我在以下网址找到的这个javascript为例:http://enterprisejquery.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/
(function (skillet, $, undefined) {
//Private Property
var isHot = true;
//Public Property
skillet.ingredient = "Bacon Strips";
//Public Method
skillet.fry = function () {
var oliveOil;
addItem("\t\n Butter \n\t");
addItem(oliveOil);
console.log("Frying " + skillet.ingredient);
};
//Private Method
function addItem(item) {
if (item !== undefined) {
console.log("Adding " + $.trim(item));
}
}
} (window.skillet = window.skillet || {}, jQuery));
是否有任何简单的C#方法我可以编写以最小化这一行,删除空格等？我想做一些自定义的事情,而不是使用Minifer或Yahoo.
我在一个网站上看到了一个有趣的js文件,但由于它被最小化,我无法读取它.有没有任何服务或方法将其转换为可读文件？
最小化的js文件类似于Google Closure Compiler的编译输出.
为了消除一些页面加载时间,我在哪里可以找到删除html标签之间空格的东西？没有我必须经过每一个并自己删除它们
像这样:
<body>
<p>Lot's of space</p>
</body>
<body><p>No space</p></body>
我找到了这个网站.但它在标签之间留下了一个空格.但我不想要任何.
我使用本指南将yui_compressor添加到我的symfony项目中.但它没有创建缩小的文件.以下是我应用的设置,请看一看并告诉我可能出现的问题.配置文件
// Added this to the config.yml file in app/config (and yes, I'm on a mac)
yui_css:
jar: "%kernel.root_dir%/Resources/filter/java/yuicompressor-2.4.7.jar"
java: /usr/bin/java
基础树枝
// Added this to the :base.html.twig in app/Resources/views
{% stylesheets filter='yui_css' output='public/css/compiled-main.css'
'public/css/main.css'
%}
将构建中的yui_compressor zip文件中的文件添加到symfony项目中的app/Resources/filter/java文件夹中
我正在使用jsMin.php在生产中缩小Javascript https://github.com/rgrove/jsmin-php/
这是未经授权的JS代码:
function arc(r, p, a) {
return "A" + r + "," + r + " 0 " + +(a > Math.PI) + ",1 " + p;
}
和缩小的代码:
function arc(r,p,a){return"A"+r+","+r+" 0 "++(a>Math.PI)+",1 "+p;}
缩小时,代码会抛出"意外标识符"错误.如果我+在(a > Math.PI)离开之前拿走标志,它就可以了.
我想我的问题有两个部分 - 为什么这是一个错误,当它全部在一行上时,我是否通过删除第二个+符号来改变它的工作方式？没有它似乎工作正常,但我没有编写代码所以我不完全确定它在做什么.
我被告知多年来使用一个有意义的变量名称.然而,每次我试图调试一些JavaScript代码和挖掘到第三方框架的时候,我发现每一个JavaScript框架,将有变量的名称,如a,ac,b,c.
为什么这么短的变量名称是常见的做法？这似乎会损害可维护性.
我在PhpStorm 2016.3.2工作.在我的HTML文件中,有时会<style>在其中找到标签和缩小的CSS.
是否可以创建一个快捷方式来取消标记此代码中的代码？
例如,这段代码:
<style>.arrow{fill:none;stroke:#231f20;stroke-linecap:round;stroke-miterlimit:10;stroke-width:20px;}</style>
应该是这样的:
<style>
.cls-1 {
fill: none;
stroke: #231f20;
stroke-linecap: round;
stroke-miterlimit: 10;
stroke-width: 20px;
}
</style>