"webdev build" ate my global CSS files about webdev

[Tomucha]

(fixed HTML fragment)

[mehaase]

Hi @kevmoo I'm upgrading some things to Dart2/Angular5 this week and i just ran into the same thing. I have a global CSS file in one package that is supposed to be referenced from the web/index.html of another. In Dart1/Angular2 (yeah its been a while since I upgraded), I could load the global CSS file from another package like this:

    <link rel='stylesheet' type='text/css'
          href='packages/ng_modular_admin/src/css/modular-admin.css'>

But now this file is not produced in the build directory. I noticed that .font files and other arbitrary extensions like .dat are copied into the build directory, so I guess that there's some special handling of CSS files but I'm not sure what I should do to declare that I want this CSS file to appear in the build output.

Also, somewhat ironically .scss files are copied to the build directory even though they are not needed as build artifacts... Is there a way to configure which files get copied?

[natebosch]

If you're using angular then it ships with a cleanup builder which removes .html and .css files.

By default this is only enabled in release builds which is why you don't see it with webdev serve - webdev serve defaults to dev build while webdev build defaults to release build.

This also only happens in lib/. If you have a CSS file in web/ it shouldn't be cleaned up by angular.

Also, somewhat ironically .scss files are copied to the build directory even though they are not needed as build artifacts...

If you are using sass_builder I would expect those to be cleaned up.

If you are compiling sass outside the build system instead and don't have sass_builder in your deps then there isn't anything that would clean it up.

Is there a way to configure which files get copied?

Not directly. You can implement a new PostProcessBuilder following the examples in angular and sass_builder to clean up whatever file extensions you'd like.