Actualmente estoy desarrollando una biblioteca de componentes con TSDX . En este momento estoy batallando con un molesto problema con postcss. Al crear la biblioteca, las instrucciones @import no se generan sobre el archivo que contiene todo el CSS de la biblioteca incluido, lo que genera una advertencia en el navegador (imágenes a continuación).
TSDX usa acumulación debajo del capó. Aquí está mi configuración en este momento:
const postcss = require('rollup-plugin-postcss'); const autoprefixer = require('autoprefixer'); const cssnano = require('cssnano'); const atImport = require("postcss-import"); module.exports = { rollup(config, options) { config.plugins.push( postcss({ plugins: [ atImport(), autoprefixer(), cssnano({ preset: 'default', }), ], inject: true, // only write out CSS for the first bundle (avoids pointless extra files): extract: !!options.writeMeta, }) ); return config; }, };Intenté usar postcss-import para solucionar el problema, pero no funcionó. No tengo mucha experiencia con la agrupación de JavaScript y CSS, ¡así que agradezco la ayuda!
