remove js comments in inline bundle #9395
-
|
how can i make parcel minify all inline content by removing unnecessary spaces in html and comments in js files? index.html <html>
<head>
</head>
<body>
<script type="module">
import "./index.js";
</script>
</body>
</html>index.js // index.js
/* index.js */$ jq -r '.devDependencies.parcel' package.json
2.10.3
$ npx parcel build --public-url .
✨ Built in 98ms
dist/index.html 113 B 267ms
$ cat dist/index.html
<html><head><style></style></head><body> <script type="module">// index.js
/* index.js */</script> </body></html> |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 10 replies
-
|
found the solution: $ cat .htmlnanorc
{
"collapseWhitespace": "aggressive"
}
$ cat .terserrc
{
"format": {
"comments": false
}
} |
Beta Was this translation helpful? Give feedback.
-
|
still persist. having .htmlnanorc as above, solves this and seems necessary. |
Beta Was this translation helpful? Give feedback.
-
|
On swc-project/swc@v1.3.97...v1.3.99 , there's swc-project/swc#8257 listed which says
that should make In a freshly created project and your source code I get this output: <html><head></head><body> <script type="module"></script> </body></html>; |
Beta Was this translation helpful? Give feedback.
-
|
thank you for the reference and looking into it deeper. |
Beta Was this translation helpful? Give feedback.
-
|
You should ask/report an issue for htmlnano why this isn't the default behaviour. This issue seems related: posthtml/htmlnano#34 And indeed, <html>
<head>
<style>body{color: red;}</style>
<script type="module">import "./index.js";</script>
</head>
<body></body>
</html>(so putting them in the head) is minified to <html><head><style>body{color:red}</style><script type="module"></script></head><body></body></html>;So there might be a reason why it leaves the whitespace inside |
Beta Was this translation helpful? Give feedback.
-
|
thank you |
Beta Was this translation helpful? Give feedback.
found the solution:
for removing comments in js files #7563 (comment)
for removing comments in html files https://htmlnano.netlify.app/modules#collapsewhitespace
$ cat .htmlnanorc { "collapseWhitespace": "aggressive" } $ cat .terserrc { "format": { "comments": false } }