@lwc/rollup-plugin

Rollup plugin to compile LWC

Installation

yarn add --dev @lwc/rollup-plugin

Usage

// rollup.config.js
import lwc from '@lwc/rollup-plugin';

export default {
    input: './src/main.js',
    plugins: [lwc()],
};

Options

• include (type: string | string[], default: null) - A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should transform on. By default all files are targeted.
• exclude (type: string | string[], default: null) - A minimatch pattern, or array of patterns, which specifies the files in the build the plugin should not transform. By default no files are ignored.
• rootDir (type: string, default: rollup input directory) - The LWC root module directory.
• sourcemap (type: boolean, default: false) - If true the plugin will produce source maps.
• modules (type: ModuleRecord[], default: []) - The module resolution overrides passed to the @lwc/module-resolver.
• stylesheetConfig (type: object, default: {}) - The stylesheet compiler configuration to pass to the @lwc/style-compiler.
• preserveHtmlComments (type: boolean, default: false) - The configuration to pass to the @lwc/template-compiler.
• experimentalDynamicComponent (type: DynamicImportConfig, default: null) - The configuration to pass to @lwc/compiler.
• experimentalDynamicDirective (type: boolean, default: false) - The configuration to pass to @lwc/template-compiler to enable deprecated dynamic components.
• enableDynamicComponents (type: boolean, default: false) - The configuration to pass to @lwc/template-compiler to enable dynamic components.
• enableLwcSpread (type: boolean, default: false) - The configuration to pass to the @lwc/template-compiler.
• disableSyntheticShadowSupport (type: boolean, default: false) - Set to true if synthetic shadow DOM support is not needed, which can result in smaller output.