mirror of
https://github.com/chartjs/Chart.js.git
synced 2025-12-08 20:36:08 +00:00
55128f74c1
In order to be compatible with any CSP, we need to prevent the automatic creation of the DOM 'style' element and offer our CSS as a separate file that can be manually loaded (`Chart.js` or `Chart.min.js`). Users can now opt-out the style injection using `Chart.platform.disableCSSInjection = true` (note that the style sheet is now injected on the first chart creation). To prevent duplicating and maintaining the same CSS code at different places, move all these rules in `platform.dom.css` and write a minimal rollup plugin to inject that style as string in `platform.dom.js`. Additionally, this plugin extract the imported style in `./dist/Chart.js` and `./dist/Chart.min.js`.
120 lines
1.9 KiB
JavaScript
120 lines
1.9 KiB
JavaScript
/* eslint-env es6 */
|
|
|
|
const commonjs = require('rollup-plugin-commonjs');
|
|
const resolve = require('rollup-plugin-node-resolve');
|
|
const terser = require('rollup-plugin-terser').terser;
|
|
const optional = require('./rollup.plugins').optional;
|
|
const stylesheet = require('./rollup.plugins').stylesheet;
|
|
const pkg = require('./package.json');
|
|
|
|
const input = 'src/chart.js';
|
|
const banner = `/*!
|
|
* Chart.js v${pkg.version}
|
|
* ${pkg.homepage}
|
|
* (c) ${new Date().getFullYear()} Chart.js Contributors
|
|
* Released under the MIT License
|
|
*/`;
|
|
|
|
module.exports = [
|
|
// UMD builds (excluding moment)
|
|
// dist/Chart.min.js
|
|
// dist/Chart.js
|
|
{
|
|
input: input,
|
|
plugins: [
|
|
resolve(),
|
|
commonjs(),
|
|
stylesheet({
|
|
extract: true
|
|
}),
|
|
optional({
|
|
include: ['moment']
|
|
})
|
|
],
|
|
output: {
|
|
name: 'Chart',
|
|
file: 'dist/Chart.js',
|
|
banner: banner,
|
|
format: 'umd',
|
|
indent: false,
|
|
globals: {
|
|
moment: 'moment'
|
|
}
|
|
},
|
|
external: [
|
|
'moment'
|
|
]
|
|
},
|
|
{
|
|
input: input,
|
|
plugins: [
|
|
resolve(),
|
|
commonjs(),
|
|
optional({
|
|
include: ['moment']
|
|
}),
|
|
stylesheet({
|
|
extract: true,
|
|
minify: true
|
|
}),
|
|
terser({
|
|
output: {
|
|
preamble: banner
|
|
}
|
|
})
|
|
],
|
|
output: {
|
|
name: 'Chart',
|
|
file: 'dist/Chart.min.js',
|
|
format: 'umd',
|
|
indent: false,
|
|
globals: {
|
|
moment: 'moment'
|
|
}
|
|
},
|
|
external: [
|
|
'moment'
|
|
]
|
|
},
|
|
|
|
// UMD builds (including moment)
|
|
// dist/Chart.bundle.min.js
|
|
// dist/Chart.bundle.js
|
|
{
|
|
input: input,
|
|
plugins: [
|
|
resolve(),
|
|
commonjs(),
|
|
stylesheet()
|
|
],
|
|
output: {
|
|
name: 'Chart',
|
|
file: 'dist/Chart.bundle.js',
|
|
banner: banner,
|
|
format: 'umd',
|
|
indent: false
|
|
}
|
|
},
|
|
{
|
|
input: input,
|
|
plugins: [
|
|
resolve(),
|
|
commonjs(),
|
|
stylesheet({
|
|
minify: true
|
|
}),
|
|
terser({
|
|
output: {
|
|
preamble: banner
|
|
}
|
|
})
|
|
],
|
|
output: {
|
|
name: 'Chart',
|
|
file: 'dist/Chart.bundle.min.js',
|
|
format: 'umd',
|
|
indent: false
|
|
}
|
|
}
|
|
];
|