rollupjs

问题 I currently write a d3 plugin. However, I want to call this plugin as property of the global d3 as in the original example: d3.foo() But when I do this, my configurations for rollup lead to a clash of the d3 references. Here is one minimal example (with just one file) to illustrate: I downloaded the original example of the d3 plugin and slightly changed the source file foo.js: //.src/foo.js import * as d3 from "d3"; export default function() { return d3.select("body").append("div").text(42);

问题 My current rollup.config.js is commonjs(), babel({ extensions: ['.js', '.mjs', '.html', '.svelte'], runtimeHelpers: true, exclude: ['node_modules/@babel/**', 'node_modules/core-js/**' ], // <= /!\ NOT 'node_mobules/**' presets: [ ['@babel/preset-env', { // adapter to ensure IE 11 support targets: '> 0.25%, not dead, IE 11', "modules": false, "spec": true, "forceAllTransforms": true, useBuiltIns: 'usage', corejs: 3 }] ], plugins: [ '@babel/plugin-syntax-dynamic-import', [ '@babel/plugin

问题 My current rollup.config.js is commonjs(), babel({ extensions: ['.js', '.mjs', '.html', '.svelte'], runtimeHelpers: true, exclude: ['node_modules/@babel/**', 'node_modules/core-js/**' ], // <= /!\ NOT 'node_mobules/**' presets: [ ['@babel/preset-env', { // adapter to ensure IE 11 support targets: '> 0.25%, not dead, IE 11', "modules": false, "spec": true, "forceAllTransforms": true, useBuiltIns: 'usage', corejs: 3 }] ], plugins: [ '@babel/plugin-syntax-dynamic-import', [ '@babel/plugin

问题 I want to integrate Material UI into my Svelte project. I tried to follow the official documentation from here, but I don't know why I'm getting a strange error while trying to run my project: loaded rollup.config.js with warnings (!) Unused external imports default imported from external module 'rollup-plugin-postcss' but never used rollup v1.27.13 bundles src/main.js → public/build/bundle.js... [!] Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)

问题 I want to integrate Material UI into my Svelte project. I tried to follow the official documentation from here, but I don't know why I'm getting a strange error while trying to run my project: loaded rollup.config.js with warnings (!) Unused external imports default imported from external module 'rollup-plugin-postcss' but never used rollup v1.27.13 bundles src/main.js → public/build/bundle.js... [!] Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)

问题 I have create a web component for displaying gists generally in any html content. I used the Lit Element Typescript Starter Project as a baseline and it comes with a rollup.config.js file. I changed the output format to iife and left the rest the same, with exception of the component and bundle names. The reason I did this is that I wanted the bundle to be easily accessible via script tags, and rollup says that the iife format does this. This is the modified rollup.config.js file. // ========

问题 I'm using rollup with the Babel and CommonJS plugins, like this: const inputOptions = { input: "...", plugins: [ resolve(), babel({ exclude: "node_modules/**", externalHelpers: true, include: "**/components/**/*.js", }), commonjs(), ], }; But what happens is that modules referenced from components don't seem to be recognized by the CommonJS plugin, they end up as plain require(...) statements in the output (just like the source input) where of course they cannot be resolved. Modules imported

问题 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 not as URLs in script). 回答1: There is no built-in way to achieve this, so you'll have to write your own plugin to do so. This code is some sort of an attemt to get this done and could act as a starter point. It is in no way actually complete or good. (to be honest I doubt you will be winning any

问题 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 not as URLs in script). 回答1: There is no built-in way to achieve this, so you'll have to write your own plugin to do so. This code is some sort of an attemt to get this done and could act as a starter point. It is in no way actually complete or good. (to be honest I doubt you will be winning any

问题 Context: Given a project structure like this: ┌ src ├─┬ a │ └── module.js ├─┬ b │ └── module.js └── util.js Where both module.js files import util.js , using the following configuration: export default { experimentalCodeSplitting: true, input: [ 'src/a/module.js', 'src/b/module.js' ], output: { dir: 'bundle', format: 'esm' } }; The following structure is output: ┌ bundle ├── chunk-af6d88c4.js ├── module.js └── module2.js Problem: When using code splitting to reduce redundant code across a