A babel plugin to use PrismJS with standard bundlers.
This plugin allows you to treat PrismJS as a standard module and configure what languages, plugins, & themes you want to bundle with Prism.
In your code, import prismjs:
import Prism from 'prismjs'; // if you are intending to use Prism functions manually, you will need to set: Prism.manual = true; Prism.highlightAll();The exported Prism object will be the fully-configured Prism instance.
- You must be using ES6 imports to load PrismJS.
In your .babelrc, register the plugin and configure its dependencies:
{ "plugins": [ ["prismjs", { "languages": ["javascript", "css", "markup"], "plugins": ["line-numbers"], "theme": "twilight", "css": true }] ] }Each key are used as follows:
languages: Array of languages to include in the bundle or"all"to include all languages. Those languages can be found here.plugins: Array of plugins to include in the bundle. Those plugins can be found here.theme: Name of theme to include in the bundle. Themes can be found here.css: Boolean indicating whether to include.cssfiles in the result. Defaults tofalse. Iftrue,imports will be added for.cssfiles. Must betruein order forthemeto work.