Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dependency updates #159

Merged
merged 38 commits into from
Feb 27, 2019
Merged

Dependency updates #159

merged 38 commits into from
Feb 27, 2019

Conversation

EECOLOR
Copy link
Member

@EECOLOR EECOLOR commented Feb 8, 2019

Updated dependencies.

As a result of changes in the Javascript world we had to ditch the 'postcss-modules' plugin and replace it with custom code. We also needed to replace 'postcss-next' with 'postcss-preset-env'.

More details in #151

"gsap": "^2.0.1",
"firebase-admin": "^7.0.0",
"gsap": "^2.0.2",
"icss-utils": "^4.0.0",
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

dependency should not be here

const { minifyOnly = false, globalScopeBehaviour = false } = loaderOptions

return [
// these plugis need to run on each file individual file
// look at the source of postcss-modules to see that it effectively runs all modules twice
!minifyOnly && require('../postcss-plugins/postcss-plugin-composition')([
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We can remove this plugin

@klaasman
Copy link
Contributor

klaasman commented Feb 8, 2019

repeatedly imported files (like /theme.css) are all separately included in the end result.

@klaasman
Copy link
Contributor

klaasman commented Feb 8, 2019

production builds are building and running server-side without errors, though on the client there's an error:

TypeError: Cannot set property 'lastEffect' of null

@EECOLOR
Copy link
Member Author

EECOLOR commented Feb 8, 2019

repeatedly imported files (like /theme.css) are all separately included in the end result.

That is already happening

@EECOLOR
Copy link
Member Author

EECOLOR commented Feb 8, 2019

Anoying thing for development:

:root {
   ...
}

These blocks are copied in the end result. The variables were previously replaced preventing the same behavior.

@EECOLOR
Copy link
Member Author

EECOLOR commented Feb 8, 2019

TypeError: Cannot set property 'lastEffect' of null

This should be solved now (with Terser instead of Uglify)

@EECOLOR
Copy link
Member Author

EECOLOR commented Feb 8, 2019

The :root thing has been fixed (well, worked around). The behavior is now similar to a previous situation.


const isProduction = process.env.NODE_ENV === 'production'

function createPlugins(loaderOptions, { onExport, resolve, processUrl }) {
function createPlugins(loaderOptions, { resolve, processUrl }) {
const { minifyOnly = false, globalScopeBehaviour = false } = loaderOptions

return [
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If we have no plugins to run, we can just skip executing postcss

@EECOLOR
Copy link
Member Author

EECOLOR commented Feb 8, 2019

color( functions should be replaced with color-mod(

@klaasman klaasman merged commit 9e17023 into master Feb 27, 2019
@klaasman klaasman deleted the dependency-updates branch February 27, 2019 08:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants