developit / developit/microbundle

Add `to` option to `rollup-plugin-postcss`

Aberta Para iniciantes
#1,002 0 comentários 0 reações 0 responsáveis Ver no GitHub
CSS
Linguagem predominante
JavaScript
Estrelas
8.1k
Forks
358
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

I'm trying to use the [`postcss-url`](https://github.com/postcss/postcss-url) plugin to copy fonts that are imported by my CSS into the build directory. In order for it to work properly it requires the [`to`](https://github.com/egoist/rollup-plugin-postcss#to) option for `rollup-plugin-postcss` to be set.

I was able to get it working locally by setting `to: absMain.replace(EXTENSION, '.css')` here:
https://github.com/developit/microbundle/blob/22187fba8a2d404a9f3dc5db357e243cd45e8479/src/index.js#L495-L498

This is the `postcss.config.js` I'm trying to use:

```js
module.exports = {
plugins: {
'postcss-url': {
url: 'copy',
basePath: '.',
assetsPath: '',
useHash: false,
},
},
};
```

Happy to provide more details, and thanks for your efforts on this great project!

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Direção de pesquisa

Comece em src/index.js, por volta das linhas 495–498, onde a configuração do Rollup PostCSS é criada. Verifique como o caminho do CSS de saída está disponível nesse ponto e como a configuração do postcss-url usa a opção `to`. A tarefa estará concluída quando a opção for passada de modo que as fontes importadas possam ser copiadas para o diretório de build e o cenário de postcss.config.js relatado funcione conforme o esperado.

Escrita pelo modelo de indexação a partir do texto da issue.

Avaliação

Stack de tecnologia
javascript, rollup
Domínio
build-system, tooling
Tipo de issue
Funcionalidade
Dificuldade
2/5
Tempo estimado
1-3 horas
Status de atividade
Estagnada
Clareza
Claramente especificada
Facilidade para iniciantes
68/100

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.