I already have it like below
webpackConfig.postcss = [
cssnano({
autoprefixer: {
add: true,
remove: true,
browsers: ['> 1%']
},
discardComments: {
removeAll: true
},
discardUnused: false,
mergeIdents: false,
reduceIdents: false,
safe: true,
sourcemap: true
})
]
how do I add cssnext?
I am basically trying to transpile all cssnext syntax like var(--something)
into standard CSS
I am running 'npm test' on my app that is using an older version of the starter kit and am getting an error "Module Build Failed. ModuleBuildError". I am using CSS modules and the error messages reference my scss files that I import into my component JS, which works fine outside of tests. Here is one of the many errors I am receiving before the karma server starts:
ERROR in ./~/css-loader?sourceMap&-minimize&modules&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]!./~/postcss-loader!./~/sass-loader?sourceMap!./~/toolbox-loader!./~/react-toolbox/lib/animations/slide-right.scss
Module build failed: Error: ENOENT: no such file or directory, open '/Users/.../<project_name>/theme.scss'
And this is the error I am receiving after the karma server and Phantom JS browser start:
PhantomJS 2.1.1 (Mac OS X 0.0.0) ERROR
Error: Cannot find module "./EmptyState.scss"
at webpack:///src/components/EmptyState/EmptyState.js:9:0 <- tests/test-bundler.js:76202
import { push } from 'react-router-redux'
followed by const { dispatch } = this.context.store
and then push it via dispatch(push('/company'))
?