Tag: minify

如何在运行时检测js文件是否被缩小（Node.js）: 我正在使用Node.js来缩小JavaScript文件，我想只缩小显然不是已经缩小的文件。我想知道是否有办法找出文件是否通过其内容被缩小。我正在使用Node.js和filejs，但只要是JavaScript，我就可以使用任何方法。

为什么css-nano（几乎）不起作用？: gulp-minify-css 表示不赞成，并指出gulp-css-nano作为其继任者。怎么，我用cssnano达到如此之弱的结果？我做的最小的事情（和美化之后的可读性）： gulp.task('teststyles-nano', [], function () { gulp.src('css/testcase.css') .pipe( nano() ) .pipe( cssbeautify() ) .pipe( rename('nano.css' )) .pipe( gulp.dest('./public/') ); }); gulp.task('teststyles-minify', [], function () { gulp.src('css/testcase.css') .pipe( minifyCss() ) // resp. .pipe(minifyCss()) .pipe( cssbeautify() ) .pipe( rename('minify.css') ) // resp. 'minify.css' .pipe( gulp.dest('./public/') ); }); 这是我的testcase.css ，有很多有意义的东西来优化： html, body { margin: […]

为什么html-minifier告诉我：未知选项“–minifyJS”？: 题：我在全球安装了html-minifier uglify-js ，并安装了html-minifier 。 HTML的缩小工作正常，但是当我添加–minifyJS来缩小JavaScript以及它失败，并出现以下错误： error: unknown option `–minifyJS' 我做错了什么？码： html-minifier –input-dir ./viewsCopy –output-dir ./views-minified –collapse-whitespace –html5 –minifyJS 参考： https://www.npmjs.com/package/html-minifier OUTPUT <% include ../partials/header %> <div class="backgroundLogin"><div class="alertMessage"> <% if (errors.length > 0) { for (var i = 0; i < errors.length; i++) {%> <div class="alert alert-danger"> <%= errors[i].msg %> </div> <% } […]

Minify NodeJS项目文件: 我想知道是否缩小我的服务器端JavaScript文件对我的NodeJS应用程序性能有好处？我一直在为客户端的JS + CSS文件做，但我好奇，如果这样做的NodeJS应用程序运行的文件是必要的？谢谢。

咕嘟咕嘟咕嘟咕咕地: 我正试图在我的angular度应用程序中缩小我的js。我有一个gulpfile.js： var gulp = require('gulp'); var uglify = require('gulp-uglify'); var concat = require('gulp-concat'); var templates = require('gulp-angular-templatecache'); var minifyHTML = require('gulp-minify-html'); // Minify and templateCache your Angular Templates // Add a 'templates' module dependency to your app: // var app = angular.module('appname', [ … , 'templates']); gulp.task('templates', function () { gulp.src([ './**/*.html', '!./node_modules/**' ]) […]

Javascript minifier支持ES2017asynchronous/等待function: 目前显示为UglifyJS2，而Google Closure不支持对脚本进行JavaScript缩小，包括asynchronous/等待使用，而不进行转译。有没有一种方法或另一个缩小器来缩小这些JavaScript脚本而不需要进行转译？

JavaScript简化器？: 我想消除那些未被使用或者与特定上下文无关的函数。假设我们有： function a(){ console.log('this is an unrelated function'); } function b(){ console.log('world'); } function c(){ console.log('hello' + b()); } c(); 现在a()根本不用，我不需要它，它只是使脚本更大。这实际上也是jQuery的情况。我不确定是否需要像jQuery那样多的代码。我使用jQuery仅用于highcharts并通过id和class来从dom中select元素，但是如果不使用未使用的函数，jQuery实在是太大了，那真是太好了！是否有在线工具，服务，function/方法，应用程序可以做到这一点缩小？

一揽子文件任务执行顺序: 我有这些任务： gulp.task('clean-css', function () { del.sync([ 'content/bundles/css.css', 'content/bundles/css.css.bundle', 'content/bundles/css.min.css', 'content/bundles/css.min.css.gz', 'temp/css/common/*.css', 'temp/css/user/*.css', 'temp/css/media/*.css']) }); gulp.task('make_css_files', ['clean-css'], function () { gulp.src('content/less/common/*.less').pipe(less()).pipe(gulp.dest('temp/css/common')); gulp.src('content/less/user/*.less').pipe(less()).pipe(gulp.dest('temp/css/user')); gulp.src('content/less/media/*.less').pipe(less()).pipe(gulp.dest('temp/css/media')); }); gulp.task('make_css_bundle', ['make_css_files'], function () { return gulp.src(['temp/css/common/*.css', 'temp/css/user/*.css', 'temp/css/media/*.css']) .pipe(minifyCSS()) .pipe(concat('css.min.css')) .pipe(gulp.dest('content/bundles/')) .pipe(gzip(gzip_options)) .pipe(gulp.dest('content/bundles/')); }); 当我运行make_css_bundle时，它运行： [18:38:04] Using gulpfile C:\H\user\user\Gulpfile.js [18:38:04] Starting 'clean-css'… [18:38:04] Finished 'clean-css' after 86 ms [18:38:04] Starting 'make_css_files'… […]

使用nodeJS和Gulp任务运行器自动缩小: 我需要一些build议来改善节点和吞吐量的自动缩小。主要目标是在开发模式下dynamic生成缩小文件（对于JS和LESS），并在生产模式下自动将正常文件（js和less）更改为缩小文件。该场景包含： NodeJS和ExpressJS进行路由和环境configuration 玉作为模板引擎吞（任务亚军）这是我的设置： GULP 我正在使用nodemon来启动我的节点服务器的server.js。在这个gulp文件中，我有一些任务（['watch']）来观察JS和LESS文件的变化，并在每一个变化中缩小它们。 gulp.task('nodemon', function () { nodemon({ script: 'server.js'}) .on('start', ['watch']) .on('change', ['watch']) }) 节点在节点服务器中，我呈现视图注入和对象，它检测开发或生产模式 var env= process.env.NODE_ENV = process.env.NODE_ENV || 'development'; app.get('/', function(req, res){ res.render('index', {environment: env}); }); 玉在视图中，将注入的对象进行比较，以便为开发模式添加正常的CSS和JS文件或为生产模式添加缩小的文件 if environment == "development" link(rel='stylesheet', href='/vendor/bootstrap/dist/css/bootstrap.css') else link(rel='stylesheet', href='/vendor/bootstrap/dist/css/bootstrap.min.css') 这是正确的方法来做到这一点？我是否需要检查另一个选项？每次提交应用到服务器之前，我都想避免手动缩小。所有的build议将被接受，以改善这一点。在服务器开发的时候更好地缩小吞吐量吗？我如何用Azure做到这一点？ […]