about rollup-plugin-html #2431

alemscoder · 2023-08-29T17:49:03Z

alemscoder
Aug 29, 2023

Greetings, is there any way to configure the plugin so that the processing of a css linked by the <link> tag is done by PostCSS? Or some plugin configuration that allows me to manage the resources of a css, minify, etc. I've tried doing it but it seems like the css handling is always done by the rollup-plugin-html. Thanks in advance and sorry if the question is dumb, i'm a newbie :)

<!DOCTYPE html>
<html>
<head>
	<title>Test</title>
	<link rel="stylesheet" type="text/css" href="./src/style.css">
	<script type="module" src="./src/index.js"></script>
</head>
<body>
	<h1>Hello world!</h1>
	<img src="./res/images/1.jpg">
	<audio src="./res/audio/t-rex-roar.mp3" controls></audio>
	<video src="./res/video/flower.mp4" width="250" height="200" controls></video>
</body>
</html>

body {
	background-image: url("../res/images/2.jpg");
}

import { nodeResolve } from '@rollup/plugin-node-resolve';
import { rollupPluginHTML as html } from '@web/rollup-plugin-html';

export default {
  input: 'index.html',
  output: { dir: 'dist' },
  plugins: [
    nodeResolve(),
    html()
  ]
}

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

about rollup-plugin-html #2431

{{title}}

Replies: 0 comments

Select a reply

about rollup-plugin-html #2431

alemscoder Aug 29, 2023

Replies: 0 comments

alemscoder
Aug 29, 2023