README
@vinicius73/rollup-plugin-skypack-resolver
Generate the bundle of your project using Skypack CDN for external dependencies.
Install
yarn add @vinicius73/rollup-plugin-skypack-resolver rollup -D
Usage
On this example, axios and lodash-es need be installed as project dependencies, using npm or yarn.
skypackResolver
uses your local dependencies to determine cdn version.
//> rollup.config.js
const { skypackResolver } = require('@vinicius73/rollup-plugin-skypack-resolver')
module.exports = {
input: 'src/index.js',
output: {
format: 'es'
},
plugins: [skypackResolver({
modules: ['axios', 'lodash-es']
})]
}
//> src/index.js
import axios from 'axios'
import { get } from 'lodash-es'
const run = async () => {
const { data } = await axios.get('https://reqres.in/api/users/2')
console.log(
get(data, ['data', 'email'])
)
}
run()
.then(() => console.log('All done'))
.catch(err => console.error(err))
rullup -c
//> output
import axios from 'https://cdn.skypack.dev/axios@0.20.0';
import { get } from 'https://cdn.skypack.dev/lodash-es@4.17.15';
const run = async () => {
const { data } = await axios.get('https://reqres.in/api/users/2');
console.log(get(data, ['data', 'email']));
};
run()
.then(() => console.log('All done'))
.catch(err => console.error(err));
Options
modules
Type: Array[...String]
Required: true
An array with modules that will be transformed into cdn import.
cdnHost
Type: String
Required: false
Default: https://cdn.skypack.dev
Host used in imports.