jingrow/charts
1
0
Fork 0
Code Pull Requests Activity

chore: fixed build rewrite (frontported)

Browse Source 
The fix is naming the umd module frappe instead of frappe charts
This commit is contained in:
Arjun Choudhary 2022-11-19 11:41:05 +05:30
parent 62683ea32d
commit bf068ec6ea
1 changed files with 41 additions and 190 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

231
rollup.config.js
View File

@ -1,196 +1,47 @@
import pkg from "./package.json";
// Rollup plugins
import commonjs from "rollup-plugin-commonjs";
import babel from "rollup-plugin-babel";
import { eslint } from "rollup-plugin-eslint";
import replace from "rollup-plugin-replace";
import uglify from "rollup-plugin-uglify-es";
import sass from "node-sass";
// PostCSS plugins
import postcssPlugin from "rollup-plugin-postcss";
import nested from "postcss-nested";
import cssnext from "postcss-cssnext";
import cssnano from "cssnano";
import postcss from "postcss";
import precss from "precss";
import CleanCSS from "clean-css";
import autoprefixer from "autoprefixer";
import fs from "fs";
fs.readFile("src/css/charts.scss", (err, css) => {
postcss([precss, autoprefixer])
.process(css, { from: "src/css/charts.scss", to: "src/css/charts.css" })
.then((result) => {
let options = {
level: {
1: {
removeQuotes: false,
},
},
};
let output = new CleanCSS(options).minify(result.css);
let res = JSON.stringify(output.styles).replace(/"/g, "'");
let js = `export const CSSTEXT = "${res.slice(1, -1)}";`;
fs.writeFile("src/css/chartsCss.js", js, (err) => {
if (err) console.log(err);
else {
console.log("File written successfully\n");
}
});
});
});
import postcss from "rollup-plugin-postcss";
import scss from "rollup-plugin-scss";
import bundleSize from "rollup-plugin-bundle-size";
import { terser } from "rollup-plugin-terser";
export default [
{
input: "src/js/index.js",
sourcemap: true,
output: [
{
file: "docs/assets/js/frappe-charts.min.js",
format: "iife",
},
{
file: pkg.browser,
format: "umd",
},
],
name: "frappe",
plugins: [
postcssPlugin({
preprocessor: (content, id) =>
new Promise((resolve, reject) => {
const result = sass.renderSync({ file: id });
resolve({ code: result.css.toString() });
}),
extensions: [".scss"],
plugins: [
nested(),
cssnext({ warnForDuplicates: false }),
cssnano(),
],
}),
eslint({
exclude: ["src/css/**"],
}),
babel({
exclude: "node_modules/**",
plugins: ["external-helpers"],
}),
replace({
exclude: "node_modules/**",
ENV: JSON.stringify(process.env.NODE_ENV || "development"),
}),
uglify(),
],
},
{
input: "docs/assets/js/index.js",
sourcemap: true,
output: [
{
file: "docs/assets/js/index.min.js",
format: "iife",
},
],
name: "frappe",
plugins: [
postcssPlugin({
preprocessor: (content, id) =>
new Promise((resolve, reject) => {
const result = sass.renderSync({ file: id });
resolve({ code: result.css.toString() });
}),
extensions: [".scss"],
plugins: [
nested(),
cssnext({ warnForDuplicates: false }),
cssnano(),
],
}),
eslint({
exclude: ["src/css/**"],
}),
babel({
exclude: "node_modules/**",
}),
replace({
exclude: "node_modules/**",
ENV: JSON.stringify(process.env.NODE_ENV || "development"),
}),
],
},
{
input: "src/js/chart.js",
sourcemap: true,
output: [
{
file: pkg.main,
format: "cjs",
},
{
file: pkg.module,
format: "es",
},
],
plugins: [
postcssPlugin({
preprocessor: (content, id) =>
new Promise((resolve, reject) => {
const result = sass.renderSync({ file: id });
resolve({ code: result.css.toString() });
}),
extensions: [".scss"],
plugins: [
nested(),
cssnext({ warnForDuplicates: false }),
cssnano(),
],
}),
eslint({
exclude: ["src/css/**"],
}),
babel({
exclude: "node_modules/**",
}),
replace({
exclude: "node_modules/**",
ENV: JSON.stringify(process.env.NODE_ENV || "development"),
}),
uglify(),
],
},
{
input: "src/js/chart.js",
output: [
{
file: pkg.src,
format: "es",
},
],
plugins: [
postcssPlugin({
preprocessor: (content, id) =>
new Promise((resolve, reject) => {
const result = sass.renderSync({ file: id });
resolve({ code: result.css.toString() });
}),
extensions: [".scss"],
extract: "dist/frappe-charts.min.css",
plugins: [
nested(),
cssnext({ warnForDuplicates: false }),
cssnano(),
],
}),
eslint({
exclude: ["src/css/**"],
}),
replace({
exclude: "node_modules/**",
ENV: JSON.stringify(process.env.NODE_ENV || "development"),
}),
],
},
// browser-friendly UMD build
{
input: "src/js/index.js",
output: {
sourcemap: true,
name: "frappe",
file: pkg.browser,
format: "umd",
},
plugins: [
commonjs(),
babel({
exclude: ["node_modules/**"],
}),
terser(),
scss({ output: "dist/frappe-charts.min.css" }),
bundleSize(),
],
},
// CommonJS (for Node) and ES module (for bundlers) build.
{
input: "src/js/chart.js",
output: [
{ file: pkg.common, format: "cjs", sourcemap: true },
{ file: pkg.module, format: "es", sourcemap: true },
],
plugins: [
babel({
exclude: ["node_modules/**"],
}),
terser(),
postcss(),
bundleSize(),
],
},
];