{"id":290340,"date":"2018-10-04T20:05:02","date_gmt":"2018-10-04T16:05:02","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=290340"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=290340","title":{"rendered":"Node.JS: \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0430 \u0434\u043b\u044f \u043c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 http \u043e\u0442\u0432\u0435\u0442\u043e\u0432"},"content":{"rendered":"\n
\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043d\u0430\u0437\u0430\u0434 \u043f\u0438\u0441\u0430\u043b \u0441\u0430\u0439\u0442 \u0441 \u0431\u044d\u043a\u0435\u043d\u0434\u043e\u043c \u043d\u0430 Express<\/a>\/Node.JS. \u0412\u043e\u0437\u043d\u0438\u043a\u043b\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u0441 \u043c\u0438\u043d\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0435\u0439 \u043e\u0442\u0432\u0435\u0442\u043e\u0432. \u041d\u0430\u0448\u0435\u043b \u043c\u043d\u043e\u0433\u043e \u0433\u043e\u0442\u043e\u0432\u044b\u0445 \u043f\u0430\u043a\u0435\u0442\u043e\u0432, \u043d\u043e \u0443 \u0432\u0441\u0435\u0445 \u0431\u044b\u043b\u0430 \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u2014 \u043d\u0435 \u043c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043b\u0441\u044f html \u043f\u043e\u0441\u043b\u0435 \u0448\u0430\u0431\u043b\u043e\u043d\u043e\u0432. \u0412 \u0438\u0442\u043e\u0433\u0435 \u043f\u0440\u0438\u043d\u044f\u043b \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0441\u0432\u043e\u0439 \u043c\u0430\u043b\u0435\u043d\u044c\u043a\u0438\u0439 \u0438 \u0440\u043e\u0434\u043d\u043e\u0439 \u0432\u0435\u043b\u043e\u0441\u0438\u043f\u0435\u0434 \u2014 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0443 web-minify<\/a>, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044e\u0449\u0443\u044e \u0432\u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0445\u0443\u043a \u043f\u0435\u0440\u0435\u0434 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u043e\u0439 \u043a\u043b\u0438\u0435\u043d\u0442\u0443 \u0438 \u043c\u043e\u0434\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043e\u0442\u0432\u0435\u0442.
<\/a> <\/p>\n

\u0423\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043f\u0430\u043a\u0435\u0442\u0430<\/h3>\n

<\/p>\n

npm i @dmitriym09\/web-minify --save<\/code><\/pre>\n
  \u0414\u0443\u043c\u0430\u044e, \u0441\u0430\u043c\u043e\u0435 \u043b\u0443\u0447\u0448\u0435\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 \u0434\u043b\u044f \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u2014 \u043f\u0440\u0438\u043c\u0435\u0440 \u043a\u043e\u0434\u0430=)<\/p>\n
\u041f\u0440\u0438\u043c\u0435\u0440<\/h2>\n
  web-minify<\/a> \u2014 middleware-\u0444\u0443\u043d\u043a\u0446\u0438\u044f:<\/p>\n
const htmlminify = require('html-minifier').minify;  const csso = require('csso').minify; const postcss = require('postcss'); const precss = require('precss'); const autoprefixer = require('autoprefixer');  const minify = require('web-minify');  app.use(minify([   {     contentType: \/css\/,     minify: async (data, req, res) => {       let resData = (await postcss([precss, autoprefixer]).process(data, { from: undefined })).css;              resData = csso(resData).css;        return resData;     }   } ]));<\/code><\/pre>\n
  \u0412 \u0434\u0430\u043d\u043d\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0431\u0443\u0434\u0443\u0442 \u043f\u0435\u0440\u0435\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u044e\u0442\u0441\u044f \u0432\u0441\u0435 \u043e\u0442\u0432\u0435\u0442\u044b \u0441 Content-Type, \u0441\u043e\u0434\u0435\u0440\u0436\u0430\u0449\u0438\u0435 \u043f\u043e\u0434\u0441\u0442\u0440\u043e\u043a\u0443 \u00abcss\u00bb. \u0422\u0435\u043b\u043e \u043e\u0442\u0432\u0435\u0442\u0430 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442\u0441\u044f \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e csso<\/a>, postcss<\/a>, precss<\/a>, autoprefixer<\/a>. \u0412 \u043f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u0435 contentType \u043f\u0435\u0440\u0435\u0434\u0430\u0435\u0442\u0441\u044f String (\u0431\u0443\u0434\u0435\u0442 \u0438\u0441\u043a\u0430\u0442\u044c\u0441\u044f \u0432\u0445\u043e\u0436\u0434\u0435\u043d\u0438\u0435 String.prototype.indexOf()) \u0438\u043b\u0438 RegExp (RegExp.prototype.test()). \u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440 minify \u2014 \u0444\u0443\u043d\u043a\u0446\u0438\u044f Function(data:String, req:Request, res:Response), \u0434\u043e\u043b\u0436\u043d\u0430 \u0432\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0442\u044c String \u0441 \u043d\u043e\u0432\u044b\u043c \u0442\u0435\u043b\u043e\u043c \u0438\u043b\u0438 Promise, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432 \u0441\u0432\u043e\u044e \u043e\u0447\u0435\u0440\u0435\u0434\u044c \u0440\u0430\u0437\u0440\u0435\u0448\u0430\u0435\u0442\u0441\u044f String. \u041f\u0440\u0438 \u043d\u0435\u043e\u0442\u043b\u043e\u0432\u043b\u0435\u043d\u043e\u043c \u0438\u0441\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0438 \u043a\u043b\u0438\u0435\u043d\u0442 \u043f\u043e\u043b\u0443\u0447\u0438\u0442 \u043e\u0442\u0432\u0435\u0442 500.<\/p>\n
  \u041a\u0430\u043a \u0443\u0436\u0435 \u0441\u043a\u0430\u0437\u0430\u043b, \u0431\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u043f\u043e\u043f\u0443\u043b\u044f\u0440\u043d\u044b\u0445 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a \u0441 \u043f\u043e\u0445\u043e\u0436\u0438\u043c \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u043e\u043c \u0445\u043e\u0440\u043e\u0448\u043e \u043c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u0443\u0435\u0442 \u0441\u0442\u0430\u0442\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0444\u0430\u0439\u043b\u044b. \u041e\u0434\u043d\u0430\u043a\u043e \u043c\u0438\u043d\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u0432 \u043a\u043e\u0434\u0435 (\u043d\u0430\u043f\u0440\u0438\u043c\u0435\u0440 html \u0448\u0430\u0431\u043b\u043e\u043d\u0438\u0437\u0430\u0442\u043e\u0440\u043e\u043c) \u043e\u0442\u0432\u0435\u0442\u043e\u0432 \u043d\u0435 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442. \u041e\u0434\u043d\u0430 \u0438\u0437 \u043f\u0440\u043e\u0431\u043b\u0435\u043c \u2014 \u043e\u0442\u0432\u0435\u0442 \u043c\u043e\u0436\u0435\u0442 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u044f\u0442\u044c\u0441\u044f \u0447\u0430\u0441\u0442\u044f\u043c\u0438, \u0430 \u0434\u043b\u044f \u043e\u0431\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043e\u0431\u044b\u0447\u043d\u043e \u043d\u0443\u0436\u043d\u044b \u043f\u043e\u043b\u043d\u044b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435. \u0421\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043d\u0443\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0445\u0432\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044e, \u0441\u043e\u0431\u0438\u0440\u0430\u0442\u044c \u0438 \u0443\u0436\u0435 \u0432 \u043a\u043e\u043d\u0446\u0435 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0438 \u043e\u0442\u0441\u044b\u043b\u0430\u0442\u044c. \u042d\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0443\u0447\u0438\u0442\u044b\u0432\u0430\u0442\u044c \u043f\u0440\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0438 web-minify<\/a>: \u0442\u043e\u0442 \u0442\u0435\u0440\u0430\u0431\u0430\u0439\u0442\u043d\u044b\u0439 \u0444\u0430\u0439\u043b, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0432\u044b \u0445\u043e\u0442\u0438\u0442\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043a\u043b\u0438\u0435\u043d\u0442\u0443 \u0438 \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u043f\u043e\u043f\u0430\u0434\u0430\u0435\u0442 \u043f\u043e\u0434 contentType, \u043d\u0430\u043a\u0430\u043f\u043b\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u043f\u0430\u043c\u044f\u0442\u0438.<\/p>\n
\u041f\u0440\u0438\u043c\u0435\u0440\u044b<\/h2>\n
  <\/p>\n
\u041c\u0438\u043d\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f HTML \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e html-minifier<\/a> \u0438\u0437 \u044e\u043d\u0438\u0442-\u0442\u0435\u0441\u0442\u043e\u0432<\/h3>\n
  <\/p>\n
const htmlminify = require('html-minifier').minify; it('HTML', (done) => { \tconst app = createServer([minify([ \t\t{ \t\t\tcontentType: 'html',  \t\t\tminify: (data) => {  \t\t\t\tlet res = htmlminify(data, { \t\t\t\t\tremoveAttributeQuotes: true, \t\t\t\t\tcollapseWhitespace: true, \t\t\t\t\tconservativeCollapse: false, \t\t\t\t\tdecodeEntities: true, \t\t\t\t\tkeepClosingSlash: false, \t\t\t\t\tpreserveLineBreaks: false, \t\t\t\t\tpreventAttributesEscapin, \t\t\t\t\tprocessConditionalComments: true, \t\t\t\t\tremoveAttributeQuotes: true, \t\t\t\t\tremoveComments: true, \t\t\t\t\ttrimCustomFragments: true, \t\t\t\t\tuseShortDoctype: true \t    \t\t}); \t   \t\t\treturn res; \t  \t\t} \t\t} \t])], function(req, res) { \t\tres.setHeader('Content-Type', 'text\/html; charset=utf-8'); \t    res.end(`<!DOCTYPE html> <html lang="en">  <head> <meta charset="utf-8">  <\/head>  <body> <h1>Test<\/h1>  <p>Test<\/p> <\/body>`); \t});   \trequest(app) \t  .get('\/') \t  .set('Accept', 'text\/html; charset=utf-8') \t  .expect('Content-Type', 'text\/html; charset=utf-8') \t  .expect('<!doctype html><html lang=en><head><meta charset=utf-8><\/head><body><h1>Test<\/h1><p>Test<\/p><\/body><\/html>') \t  .expect(200) \t  .end(done) });<\/code><\/pre>\n
  <\/p>\n
\u041c\u043e\u0434\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 JSON \u0438 \u043a\u043e\u0434\u0430 \u043e\u0442\u0432\u0435\u0442\u0430 \u0441 \u0432\u043e\u0437\u0432\u0440\u0430\u0442\u043e\u043c Promise \u0438\u0437 \u044e\u043d\u0438\u0442-\u0442\u0435\u0441\u0442\u043e\u0432<\/h3>\n
  <\/p>\n
it('JSON', (done) => { \tconst app = createServer([minify([ \t\t{ \t\t\tcontentType: \/json\/, \t\t\tminify: (data, req, res) => { \t\t\t\treturn new Promise(function(resolve, reject) { \t\t\t\t\ttry { \t\t\t\t\t\tres.statusCode = 456; \t\t\t\t\t\tlet o = JSON.parse(data); \t\t\t\t\t\to.dt = new Date('2018-09-28T11:05:13.492Z')  \t\t\t\t\t\tresolve(JSON.stringify(o)) \t\t\t\t\t} \t\t\t\t\tcatch(exc) { \t\t\t\t\t\treject(exc) \t\t\t\t\t} \t\t\t\t}) \t\t\t\t \t\t\t} \t\t} \t])], function(req, res) { \t\tres.setHeader('Content-Type', 'application\/json; charset=utf-8'); \t    res.end(JSON.stringify({a: 12})); \t});  \trequest(app) \t  .get('\/') \t  .set('Accept', 'applicatio3n\/json; charset=utf-8') \t  .expect('Content-Type', 'application\/json; charset=utf-8') \t  .expect('{"a":12,"dt":"2018-09-28T11:05:13.492Z"}') \t  .expect(456) \t  .end(done) });<\/code><\/pre>\n
  Web-minify<\/a> \u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430 \u043d\u0430 github<\/a> \u0438 \u0432 npm<\/a> \u043f\u043e\u0434 \u043b\u0438\u0446\u0435\u043d\u0437\u0438\u0435\u0439 MIT.<\/p>\n
  \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435! \u041a\u0440\u0438\u0442\u0438\u043a\u0430, \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0435\u043d\u0438\u044f \u0438 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u043f\u0440\u0438\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0442\u0441\u044f!<\/p><\/div>\n