Los imports son una herramienta importante cuando queremos separar los estilos de nuestro sitio en muchos archivos o reutilizar uno existente. Este sigue siendo un plugin de PostCSS, por lo que toca descargar la dependencia desde NPM y configurar el archivo Gulp:
npm install --save-dev postcss-import
Debemos tener cuidado de no hacer “require” usando la palabra reservada “import”, para este caso usamos:
atImport = require (‘postcss-import’)
var processors = [
atImport(),
mixins(),
cssnested,
cssnext({ browsers: [ ‘> 5%’, ’ie 8 ’ ] })
)
]
return gulp.src(‘./src/*.css’)
.pipe(postcss(processor))
.pipe(gulp.dest(‘./dist/css’’))
.pipe(browserSync.stream())
})
Para hacer import de un archivo css, usamos @import:
@import ‘./NombreDelArchivo.css’
