是否可以使用Rollup创建一个从模板注入HTML的包？

问题描述 投票：0回答：1

我正在尝试使用immediately-invoked function expression构建IIFE（Rollup）捆绑包。

我想将我的JS，CSS和一些Java依赖的HTML捆绑在一起。查看此图片可了解一个想法：

enter image description here

是否有办法告诉Rollup我的输入（输入点）是seguro-vida-hipoteca.js，并让此文件导入我的SCSS和HTML，以便在有人使用我的库时将其自动注入？

这就是结果的CSS在头部，HTML到div，我希望它在dom或刚在主体的末尾存在。

html css templates rollup rollupjs
1个回答
0
投票

是否有办法告诉汇总我的输入（进入点）is seguro-vida-hipoteca.js？

当然，这就是input option的目的。

使用input之类的插件可以轻松实现在head中注入Sass：

rollup-plugin-postcss
rollup-plugin-postcss

关于注入/附加html，这是通常在代码中而不是通过插件执行的操作，尽管您可以利用Rollup将// rollup.config.js import postcss from 'rollup-plugin-postcss'; export default { // ... plugins: [ postcss(), ], } 作为字符串加载（例如，使用import './style.scss'; // Now each stylesheet you import will // be injected to <head> ）：] >

template.html
rollup-plugin-html
旁注

这似乎是import html from "rollup-plugin-html"; export default { // ... plugins: [ html({ include: "**/*.html", }), ], } 的好用例。更多信息import template from './template.html'; document.querySelector('#mydiv').innerHTML = template; 。

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.