Replies: 2 comments 9 replies
-
|
i test it in latest rspack version and it works, can you provide a minimal demo |
Beta Was this translation helpful? Give feedback.
0 replies
-
|
Hi, thx for the quick reply and the solution. When I start the dev server I get this error: |
Beta Was this translation helpful? Give feedback.
9 replies
-
|
It's something that gets bundled with // src/app/index.tsx
import { createRoot } from 'react-dom/client';
import App from './components/App';
import '@/panda/styles.css';
document.addEventListener('DOMContentLoaded', function () {
const container = document.getElementById('__plugin') as HTMLElement;
// TODO: figure this out
// const root = createRoot(container);
// root.render(<App />);
});but still there are <script defer="defer" src="ui.js"></script>
<link href="ui.css" rel="stylesheet" />How can I exclude them form the output? |
Beta Was this translation helpful? Give feedback.
-
|
use inject:false to remove from html and use compilation.deleteAsset to remove from dist plugins: [
new HtmlPlugin({
template: './src/app/index.ejs',
filename: 'ui.html',
chunks: ['ui'],
cache: false,
inject: false, // remove from html
minify: {
collapseWhitespace: true,
removeComments: true,
},
templateParameters: (compilation) => {
const res = {
inlineCss: compilation.assets['ui.css'].source(),
inlineJS: compilation.assets['ui.js'].source(),
}; // remove from the dist
compilation.deleteAsset('ui.css');
compilation.deleteAsset('ui.js');
return res;
},
}),
], |
Beta Was this translation helpful? Give feedback.
-
|
It works! Thx! |
Beta Was this translation helpful? Give feedback.
-
|
Hi, @isBatak why do you comment these two lines, if you do that, there would be no entry attached to the page, it would be empty. I tried your repo and uncomment it, it comes the build error. 
|
Beta Was this translation helpful? Give feedback.
-
|
@hardfist but the content being written into html is the stringfied javascript script which would be injected between the
|
Beta Was this translation helpful? Give feedback.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
I'm setting up Figma plugin repo using rspack.
To actually initialize ui part of the plugin all the
jsandcsschunks has to be inlined in thehtml.This is the current output:
I want to have just the
code.jsand theui.jsandui.cssinlined in theui.html.Is that possible to do?
Config
rspack.config.js:html template
index.ejsBeta Was this translation helpful? Give feedback.
All reactions