Hyperapp: could you show rollup config file?

Created on 2 Oct 2017 · 8Comments · Source: jorgebucaran/hyperapp

if you want, please

Inquiry

Source

FoxDaxian

Most helpful comment

@a13821190779 there is no minification of HTML in these pipelines. In hyperapp-pwa there is very benefit of doing so. However all javascript (including views written with h or JSX) are minified by rollup-plugin-uglify.

lukejacksonn on 9 Oct 2017

👍2

All 8 comments

@a13821190779 Hi! Sure.

Hope it helps. 👋

jorgebucaran on 2 Oct 2017

@a13821190779 there is also a few project starter boilerplates on awesome-hyperapp.

The one I use (with a rollup config) and maintain is hyperapp-pwa.

lukejacksonn on 2 Oct 2017

👍1

excuse me, how are you minigy html code?
I find long time but no itme

FoxDaxian on 9 Oct 2017

lukejacksonn on 9 Oct 2017

👍2

but rollup-plugin-uglify minify js only, all right, I will try it one mone time, hope done and thank you

FoxDaxian on 9 Oct 2017

@a13821190779 why do you want to minify HTML?

lukejacksonn on 9 Oct 2017

habit, even the speed is slightly improved, worth it

FoxDaxian on 9 Oct 2017

I see.. well I tried minifying the index.html from hyperapp-pwa out of curiosity and it saves ~58 bytes. Not sure this is going to make much difference to perf (especially when gzipped) but let me know if you find a rollup solution!

Original (820b)

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>hyperapp-pwa</title>
    <meta name="description" content="A minimalist progressive web app compliant template for hyperapp projects">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#ffffff">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <link rel="manifest" href="/manifest.json">
    <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="/icons/favicon.png">
  </head>
  <body></body>
  <script src="/index.js"></script>
  <noscript>Enable JavaScript</noscript>
</html>

Minified (762b)

<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title>hyperapp-pwa</title> <meta name="description" content="A minimalist progressive web app compliant template for hyperapp projects"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#ffffff"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <link rel="manifest" href="/manifest.json"> <link rel="apple-touch-icon" sizes="180x180" href="/icons/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/icons/favicon.png"> </head> <body></body> <script src="/index.js"></script> <noscript>Enable JavaScript</noscript></html>

lukejacksonn on 9 Oct 2017

Was this page helpful?

0 / 5 - 0 ratings