Hi, I've been getting a parse syntax error while trying to make a production build of Vue Storefront 2 Magento theme project.
The error specifically occurs when trying to parse something like calc(var(--my-var) * -1);
e.g.
:root {
--my-var: 12px;
}
.my-class {
margin: 0 calc(var(--my-var) * -1) 0 0;
}By just changing the order of the terms in the calc statement it works correctly;
e.g.
:root {
--my-var: 12px;
}
.my-class {
margin: 0 calc(-1 * var(--my-var)) 0 0;
}Environment
- macos
v11.6
- node
v14.16.1
- npm
v6.14.12
- yarn
v1.22.10
- vuestorefront/template-magento
v1.0.0-rc.3
- postcss
v7.0.32
Reproduction steps
$ npx @vue-storefront/cli init- Select the
Magento 2 (beta) integration option
- Copy the
.env.example as .env and update the Magento integration URLs (MAGENTO_GRAPHQL, MAGENTO_EXTERNAL_CHECKOUT_URL)
$ yarn install$ yarn dev (everything works in dev mode)$ yarn build (build fails with the postcss errors)
Hi, I've been getting a parse syntax error while trying to make a production build of Vue Storefront 2 Magento theme project.
The error specifically occurs when trying to parse something like
calc(var(--my-var) * -1);e.g.
By just changing the order of the terms in the calc statement it works correctly;
e.g.
Environment
v11.6v14.16.1v6.14.12v1.22.10v1.0.0-rc.3v7.0.32Reproduction steps
$ npx @vue-storefront/cli initMagento 2 (beta)integration option.env.exampleas.envand update the Magento integration URLs (MAGENTO_GRAPHQL,MAGENTO_EXTERNAL_CHECKOUT_URL)$ yarn install$ yarn dev(everything works in dev mode)$ yarn build(build fails with the postcss errors)