2017-04-03 8 views
1

に画像を含める:NPMパッケージ私はこのような構造を持つNPMパッケージを持っているCSS

--src 
    --styles 
    -image.png 
    -style.scss 

style.scssファイルは次のように画像を参照している:

.test { 
    background-image: url(./image.png); 
} 

私はパッケージを消費するときに問題がありますCSSは私のパッケージとは関係なく、ルートからイメージを探していますが、どうすればこの問題を解決できますか?

これは私がパッケージをインポートしています方法です:

@import "mypackage/src/styles/style"; 
+0

あなたは、コンパイル済みのCSSファイルではなくSCSSファイルを考慮し、相対パスを維持する必要があります。あなたはコンパイルされたCSSをどこに保管していますか? (同じフォルダー、つまり 'styles'にある場合は' image.png'_のみを記述してください_ –

+0

私のプロジェクトでscssファイルをインポートしています - @import "mypackage/src/styles/style"をインポートします – ng2user

+0

ここであなたはこれをコンパイルしていますかscssファイル? –

答えて

0

私もこの問題を持っていると私は、この問題へのエレガントな方法を見つけることができません。最後に、この問題を解決するために参照されたファイルをビルドディレクトリにコピーしました。 「コピーのWebPACK-plugn」プラグインは(https://github.com/kevlened/copy-webpack-plugin

を使用したあなたも、次の問題を参照してもよい( Include assets from webpack bundled npm package

関連する問題