rollupjs Questions
2
Solved
I want to bundle a typescript react App as a component into a ES module or UMD.
But the generated ES bundle produces an invalid module js.
On bundle it gives me this hints. But I cant find any solu...
Internal asked 28/7, 2021 at 16:33
2
Solved
I am building a React component library whose source code takes this general structure:
- src
- common.scss (contains things like re-usable css variables)
- components
- button
- index.js
- b...
Fissiparous asked 3/7, 2019 at 17:5
8
I have about 80 custom SVG icons that I'm importing into a Svelte front-end app. Building on https://github.com/sveltejs/template, it's built with Rollup and includes Typescript, Tailwind, and all ...
Until asked 5/2, 2021 at 19:44
2
Is there any rollup.js plugins which allow to obfuscate / mangle CSS class names? I haven't found anything, except this one for webpack: https://github.com/sndyuk/mangle-css-class-webpack-plugin
Styx asked 18/8, 2020 at 5:3
2
When packaging a Vue component with rollup, this error appears:
(plugin commonjs) SyntaxError: Unexpected token
rollup.config.js:
import peerDepsExternal from "rollup-plugin-peer-deps-externa...
Excipient asked 7/7, 2021 at 5:45
2
Solved
Apologies if this is an obvious question, this is my first time trying to build a component library.
I'm building a React component library with Tailwind CSS 3. When I run the components with Story...
Bring asked 20/6, 2022 at 17:56
1
I am using Rollup with Vite and vite-plugin-ssr.
The production build it produces with standard configuration includes a ton of tiny files, e.g.
dist/client/assets/chunk-adbd3755.js 0.69 KiB / gzip...
2
Understanding the fact that singleton creates a shared global state, there will be situations where I might want singleton such as redux store/state object.
If I am using ES modules, I can use the...
Lintel asked 30/3, 2018 at 5:46
3
Solved
I am trying to inject some strings into the index.html of a Vite app (using vue3 template). In a vue-cli project for example we would have
<link rel="icon" href="<%= BASE_URL %...
Fidelity asked 29/6, 2021 at 14:24
1
NodeJS: v18.7.0
NPM: 8.15.0
rollup.config.js:
import typescript from '@rollup/plugin-typescript';
import dts from 'rollup-plugin-dts';
import tsConfig from './tsconfig.json';
const config = [
{
...
Sublet asked 10/8, 2022 at 8:52
1
I am trying to use jQuery with laravel 9 + vite. It is working fine in dev but while built, i am getting jQuery is not a function
libs.ts
import * as jQuery from 'jquery';
declare global {
interfa...
3
Solved
I am testdriving rollupjs to package a node app into a bundle.js and am confused.
Does rollup support bundling a full node app (including node_modules), or just the js files that are part of you...
Ashelman asked 16/8, 2017 at 7:38
4
Solved
I can't find any example anywhere online that shows how to (or if we can) output a single HTML file from a Svelte project using Rollup (not Webpack), containing all CSS and JS injected inline (and ...
3
Solved
I created my React app with create-react-app and now use TypeScript with create-react-app-typescript.
Everything works ok, but the problem is - especially because I use the good but heavy material...
Swimmingly asked 1/8, 2017 at 22:40
1
Let's say I'm building a library with a few dependencies: react, moment, lodash, and uuid, and I want to distribute this in both ES and UMD format.
I'm also wary of the final bundle size of the use...
Incorporable asked 21/12, 2021 at 9:44
0
We built a Design System library in TypeScript with the components, and we created the Storybook stories and all in another project that consume the transpiled component library, as a package.
Curr...
Superfuse asked 14/11, 2022 at 10:50
3
Solved
I want each css file I import in my JS to create a new css file for my build. For instance:
import "./app.css";
import "./admin.css";
would create dist/app.css and dist/admin.c...
3
Solved
I have a project where I use webpack and want to switch to rollup.js but I have trouble regarding the plugin @rollup/plugin-commonjs.
My rollup.conf.js
import resolve from '@rollup/plugin-node-reso...
Sundown asked 15/4, 2020 at 19:37
2
I'm doing import file from 'file.json in a Vue component, but have a challenge when I run npm run build to bundle it with Rollup.
It throws this error below and the file doesn't get bundled.
Th...
Byron asked 7/10, 2018 at 3:13
1
Solved
I'm trying to do a build for a simple Vue-based project with Vite, but I am running into an error when actually processing the build.
My vite.config.js file:
import { defineConfig } from 'vite'
imp...
2
I am trying to publish a library with rollup to build a bundle for other projects to reuse.
But i am having issue with import mapping in the bundle I build, since I am using Path aliases in my sour...
Crackup asked 13/4, 2021 at 2:59
4
I am running into the following problem when trying to develop a React component library using styled-components.
For the purpose of this example, let's assume we have two repos, app and core and...
Stoeber asked 4/3, 2019 at 21:25
1
I am trying to build my component library with rollup, however it is not liking my font files.
[!] Error: Unexpected character '' (Note that you need plugins to import files that are not JavaScript...
Maddening asked 8/10, 2020 at 23:25
2
I'm quite new in this overwhelmingly huge world of js-stack-tools and recently I've been following some tutorials about bundlers, which seem to include almost always the frontend facet.
But in a s...
1
Solved
I am trying to get Algolia InstantSearch.js working with my Svelte website. I get the following error when I try to deploy this on Netlify, I get the following error:
9:27:35 PM: [vite]: Rollup fai...
© 2022 - 2025 — McMap. All rights reserved.