Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

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

オープン 初心者向け
#1,002 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
68/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
停滞
技術スタック
javascript, rollup

調査の方向性

Rollup PostCSS 設定が作成されている src/index.js の 495~498 行付近から始めます。そこで出力 CSS のパスがどのように利用可能になっているか、また postcss-url 設定で to オプションがどのように使用されているかを確認します。import されたフォントをビルドディレクトリにコピーできるようにオプションが渡され、報告された postcss.config.js のシナリオが意図どおりに動作すれば完了です。

索引モデルが issue の本文から書いたものです。

説明

CSS

I'm trying to use the 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 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:

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!

主要言語
JavaScript
スター
8.1k
フォーク
358
PR マージ指標
30日以内にマージされた PR はありません

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

developit/microbundle のほかの issue

developit/microbundle の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。