When including styles from node_modules via @import, we discovered that static assets referenced in those style sheets are not loaded, resulting in console errors.
Since cssbundling-rails ships with postcss-import, we are already encouraging the use of importing styles from node_modules.
This commit aims to solve this problem by installing and configuring postcss-url. Because postcss-url needs a directory to copy assets to, we create app/assets/static as part of the generator.
One thing to note is that we override the postcss.config.js generated by the cssbundling-rails installation script, which assumes that the following plugins have been installed.
postcss-import
postcss-nesting
autoprefixer
Should that change, this file would be invalid, and those packages would need to be installed.
Closes #1190
When including styles from
node_modulesvia@import, we discovered that static assets referenced in those style sheets are not loaded, resulting in console errors.Since cssbundling-rails ships with postcss-import, we are already encouraging the use of importing styles from
node_modules.This commit aims to solve this problem by installing and configuring postcss-url. Because
postcss-urlneeds a directory to copy assets to, we createapp/assets/staticas part of the generator.One thing to note is that we override the
postcss.config.jsgenerated by the cssbundling-rails installation script, which assumes that the following plugins have been installed.postcss-importpostcss-nestingautoprefixerShould that change, this file would be invalid, and those packages would need to be installed.