Discussion :

[pierrot10]

Bonjour,

J'ai un fichier avec un large contenu qui se trouve que sur une ligne.
Je pense qu'il est minifié

Est-ce qu'avec nodejs, il y aurait une commande pour en faire un autre fichier mais sous un format lisible par un humain?

J'aimerais aussi faire une structure comme celle-la qui contient la librairie leaflet

css/leaftlet/leaflet.css
js/leaflet/leaflet.min.js
map.html

Map.html affichera donc une carte et j'aimerais faire l'inervse. Est-ce qu'avec nidejs, je peux sélectionner map.html, les dossiers css et js et tous leurs contenu, et avoir tout dans map.min.html (ou mapmin.html)?

J'ai cru comprendre que Sublime 3, utilise nodejs pour le faire, donc je me demandais s'il y avait une commane pour faire un minify et un unminify

Merci

[gabi7756]

Bonjour,
il existe ces deux packages, j'ai pas test je ne sais pas ce qu'ils valent (2 recherches google) :
- https://www.npmjs.com/package/unminify
- https://www.npmjs.com/package/minify

Et puis après un truc du style :

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
const fs = require('fs');
const path = require('path');
 
const inputPath = './input.html';
const htmlContent = fs.readFileSync(inputPath, 'utf-8');
 
const styleRegex = /<style[^>]*>([\s\S]*?)<\/style>/i;
const scriptRegex = /<script[^>]*>([\s\S]*?)<\/script>/i;
 
const styleMatch = htmlContent.match(styleRegex);
const scriptMatch = htmlContent.match(scriptRegex);
 
const cssContent = styleMatch ? styleMatch[1].trim() : '';
const jsContent = scriptMatch ? scriptMatch[1].trim() : '';
 
let cleanHtml = htmlContent
  .replace(styleRegex, '')
  .replace(scriptRegex, '');
 
cleanHtml = cleanHtml.replace('</head>', '  <link rel="stylesheet" href="style.css">\n</head>');
cleanHtml = cleanHtml.replace('</body>', '  <script src="script.js"></script>\n</body>');
 
fs.writeFileSync('./index.html', cleanHtml.trim());
fs.writeFileSync('./style.css', cssContent);
fs.writeFileSync('./script.js', jsContent);
 
console.log('✅ Fichiers générés : index.html, style.css, script.js');

Sinon y a le package cheerio mais perso j'ai la flemme de chercher.

Cdt