, cssoOptions: Object }} options
* @return Promise<{ finalCss: string, stylesheetContents: { [key: string]: string } }>
*/
const minimalcss = async options => {
const { urls } = options;
const debug = options.debug || false;
+ const cssoOptions = options.cssoOptions || {};
const puppeteerArgs = options.puppeteerArgs || [];
const browser =
options.browser ||
@@ -502,7 +503,7 @@ const minimalcss = async options => {
// When ultimately, what was need is `p { color: blue; font-weight: bold}`.
// The csso.minify() function will solve this, *and* whitespace minify
// it too.
- csso.compress(allCombinedAst);
+ csso.compress(allCombinedAst, cssoOptions);
postProcessOptimize(allCombinedAst);
const returned = {
diff --git a/tests/examples/comments.css b/tests/examples/comments.css
new file mode 100644
index 00000000..d516f400
--- /dev/null
+++ b/tests/examples/comments.css
@@ -0,0 +1,4 @@
+/*! test css comment */
+p {
+ color: red;
+}
diff --git a/tests/examples/comments.html b/tests/examples/comments.html
new file mode 100644
index 00000000..9e0db9c0
--- /dev/null
+++ b/tests/examples/comments.html
@@ -0,0 +1,10 @@
+
+
+
+
+
+
+
+ Only a P tag in this document. And images too.
+
+
diff --git a/tests/main.test.js b/tests/main.test.js
index c326c5dc..4d6bd512 100644
--- a/tests/main.test.js
+++ b/tests/main.test.js
@@ -206,3 +206,13 @@ test('avoids link tags that is css data', async () => {
// See https://github.com/peterbe/minimalcss/issues/158
expect(finalCss).toMatch('');
});
+
+test('accept CSSO options', async () => {
+ const cssoOptions = {};
+ let { finalCss } = await runMinimalcss('comments', { cssoOptions });
+ expect(finalCss).toMatch('test css comment');
+
+ cssoOptions.comments = false;
+ ({ finalCss } = await runMinimalcss('comments', { cssoOptions }));
+ expect(finalCss).not.toMatch('test css comment');
+});