importlogofrom'./rollup.png';console.log(logo); Create arollup.config.jsconfiguration fileand import the plugin: importimagefrom'@rollup/plugin-image';exportdefault{input:'src/index.js',output:{dir:'output',format:'cjs'},plugins:[image()]}; ...
步骤一:准备基本配置 import { readFileSync } from 'fs'; // 获取后缀 import { extname } from 'path'; // 创建过滤器 import { createFilter } from '@rollup/pluginutils'; // 将svg转换成dataURI的工具 import svgToMiniDataURI from 'mini-svg-data-uri'; // 默认配置 const defaults = { do...
Install the plugin via npm:npm install --save-dev rollup-plugin-image-filesAdd the plugin to your rollup config:import images from 'rollup-plugin-image-files'; export default { entry: 'src/index.js', des: 'dist/bundle.js', plugins: [images()] }...
importlogofrom'./rollup.png';console.log(logo); Create arollup.config.jsconfiguration fileand import the plugin: importimagefrom'@rollup/plugin-image';exportdefault{input:'src/index.js',output: {dir:'output',format:'cjs'},plugins: [image()] }; Then callrollupeither via theCLIor theAPI. ...
npm install --save-dev rollup-plugin-image Usage // rollup.config.jsimportimagefrom'rollup-plugin-image';exportdefault{entry:'src/index.js',dest:'dist/my-lib.js',plugins:[image()]}; You can now use images in your bundle like so: ...
"rollup-plugin-babel": "^3.0.2", "rollup-plugin-commonjs": "^8.0.2", "rollup-plugin-json": "^2.1.1", "rollup-plugin-node-resolve": "3.0.0", "sha.js": "^2.4.3", "should": "^13.2.0", "should-approximately-deep": "^1.1.0", ...