I'm using vue, configured the vue-loader to render the .vue file's <style> section to use postcss.
As each component get its own <style>, this plugin would inject itself multiple times. I would like to have a configuration such that it only inject when @import-normalize is found. So that I can control it to appear only on top-level component. Like:
I can workaround it by download the normalize.css and use postcss-import, but it that way I cannot benefit from the browserlist to output a smaller file to my targeted browser.
I'm using vue, configured the
vue-loader
to render the.vue
file's<style>
section to use postcss.As each component get its own
<style>
, this plugin would inject itself multiple times. I would like to have a configuration such that it only inject when@import-normalize
is found. So that I can control it to appear only on top-level component. Like:I can workaround it by download the
normalize.css
and usepostcss-import
, but it that way I cannot benefit from thebrowserlist
to output a smaller file to my targeted browser.