export default {
input: 'src/main.js',
output: {
file: 'bundle.js',
format: 'cjs'
}
}
npm install -D rollup
Command | Description |
---|---|
rollup -c -o bundle.js |
bundle using config |
rollup main.js --o bundle.js --f cjs |
bundle |
rollup --watch |
bundle continuously |
You may need to use ./node_modules/.bin/rollup
as a command if you did not install rollup globally.
export default [
{
input: 'src/main.js',
output: {
file: __dirname + '/public/main.js',
format: 'cjs',
name: 'main'
}
},
{
input: 'src/vendor.js',
output: {
file: __dirname + 'public/vendor.js',
format: 'cjs',
name: 'vendor'
}
}
]
This creates main.js
and vendor.js
.
npm install -D @rollup/plugin-json
import json from '@rollup/plugin-json'
export default {
input: 'src/main.js',
output: {
file: 'bundle.js',
format: 'cjs'
},
plugins: [ json() ]
}
npm install -D @rollup/plugin-node-resolve
import resolve from '@rollup/plugin-node-resolve'
export default {
input: 'src/main.js',
output: {
file: 'bundle.js',
format: 'cjs'
},
plugins: [ resolve() ]
}
When you run a npm run build, no warning is emitted and contains the imported modules.
npm install -D @rollup/plugin-node-resolve
import resolve from '@rollup/plugin-node-resolve'
export default {
input: 'src/main.js',
output: {
file: 'bundle.js',
format: 'cjs'
},
plugins: [resolve({
// pass custom options to the resolve plugin
customResolveOptions: {
moduleDirectory: 'node_modules'
}
})],
// indicate which modules should be treated as external
external: ['lodash']
}
npm install -D rollup-plugin-babel
import resolve from '@rollup/plugin-node-resolve'
import babel from 'rollup-plugin-babel'
export default {
input: 'src/main.js',
output: {
file: 'bundle.js',
format: 'cjs'
},
plugins: [
resolve(),
babel({
exclude: 'node_modules/**' // only transpile our source code
})
]
}
{
"presets": [
["latest", {
"es2015": {
"modules": false
}
}]
],
"plugins": ["external-helpers"]
}
Subscribe to get resources directly to your inbox. You won't receive any spam! ✌️