question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Should ignore css files by third parties

See original GitHub issue

I have a bunch of css files in /public and /vendor and auto-prefixer is attempting to parse them. Causing the build to fail because they contain mistakes (out of my scope)

Issue Analytics

  • State:open
  • Created 8 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
janwerkhovencommented, Jan 18, 2018

Because the errors occur in the vendor.css, we have no way of resolving these errors and thus we keep seeing these error appear every single time we run ember s. It’s a nuisance…

Also one could argue it’s not our responsibility to improve vendor packages. It’s up to the authors of those vendor packages to prefix and minify their CSS. Their repo is the appropriate place to add Autoprefixer, not every package consumer’s local environment. Mind the performance hits.

I’m seeing these every day and cannot fix…

autoprefixer: /Users/Jan/project/assets/vendor.css:2714:3: Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
autoprefixer: /Users/Jan/project/assets/vendor.css:2779:3: Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
autoprefixer: /Users/Jan/project/assets/vendor.css:2831:3: Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
autoprefixer: /Users/Jan/project/assets/vendor.css:2882:3: Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
autoprefixer: /Users/Jan/project/assets/vendor.css:2954:3: Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
autoprefixer: /Users/Jan/project/assets/vendor.css:3343:3: Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`.
0reactions
janwerkhovencommented, Mar 26, 2017

What about adding it as an opt-in flag? That would avoid breaking existing projects.

  // ember-cli-build.js

  const app = new EmberApp(defaults, {
    autoprefixer: {
      vendor: false
    }
  });
Read more comments on GitHub >

github_iconTop Results From Across the Web

Third party CSS is not safe | Tan Li Hau
A 3rd party CSS can easily hide content of your website using display: none , and your website will break without you knowing...
Read more >
How do I exclude a css file from being included as a ... - GitHub
So the question is: Can I exclude certain files from this "css module" processing?
Read more >
How to avoid CSS impact by a third party library?
Include all third party CSS files before your custom file so that css rules with same priority (In Your Case) can override the...
Read more >
Overriding CSS properties of third-party components in Angular
You can override a third-party component's CSS properties either at an enclosing component or global level. Unless you want to affect all ...
Read more >
How to configure CSS and CSS modules in webpack
The test keyword tells webpack what kind of files should use this loader. ... Or you use a third-party component that is dependant...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found