Estoy tratando de crear paquetes a través de rollup.js en VSCode.

My directory:

----MyProject
--------\node_modules
-----------\.bin
-----------\rollup
--------index.js
--------index.html
--------bundle.js
--------package-lock.json
--------package.json

En mi archivo .html tengo conexión con bundle.js, todos los cambios que estoy haciendo en index.js deben actualizarse automáticamente en bundle.js. Pero solo funciona cuando ejecuto en la terminal este comando: rollup index.js --file bundle.js

Mi package.json:

{
  "name": "npm",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "rollup": "^2.34.2"
  }
}

¿Qué debo hacer para que este sistema funcione automáticamente?

0
Dmitry 25 oct. 2020 a las 21:29

1 respuesta

La mejor respuesta

En primer lugar, no tenía un archivo de configuración, así que creé rollup.config.js:

import serve from 'rollup-plugin-serve'
import livereload from 'rollup-plugin-livereload'

const watch = process.env.ROLLUP_WATCH

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/bundle.js',
    format: 'iife'
  },
  plugins: [
    watch && serve('dist'),
    watch && livereload()
  ]
}

Luego agregué estos 2 scripts en package.json:

"build": "rollup -c",
"dev": "rollup -c -w"

Y ejecutar en la terminal: npm run dev

Mis créditos para vladshcherbin para obtener ayuda.

0
Dmitry 9 dic. 2020 a las 20:29