Repository navigation
Having issues with copy and relative path to to #143
Description
Activity
Hi
You have 2 options:- assetsPath='.' // current directory ==
to, but i'm not shure - fix url
url([ { url: 'copy', assetsPath: 'dist', useHash: true }, { url: (asset) => { return asset.url.replace('/dist', '') // result of previous step, can modify here }, multi: true } ]) ;
Reacted by Anton Bobrov- assetsPath='.' // current directory ==
So to be clear option 1 would be:
postcss({ to: './public/dist/', extract: 'public/dist/app.css', plugins: [ url({ url: 'copy', useHash: true, assetsPath: '.', // So this changes an `to` stays the same? }) ] })
Otherwise option 2 looks good :)
Okay so the above code created the image in the
public/directory next todist/.I tried:
postcss({ to: './public/dist/', extract: 'public/dist/app.css', plugins: [ url({ url: 'copy', useHash: true, assetsPath: './dist', // So this changes an `to` stays the same? }) ] })
Which put it in the right directory but the associate CSS is
background-image: url("dist/7d8c51c4.jpg")which almost works but resolves to:https://myapp.com/dist/dist/7d8c51c4.jpgAs opposed to"
https://myapp.com/dist/7d8c51c4.jpgBecause it does not include the
/beforedist/.Reacted by lHeng9, aukaheng, Storm, marc0n3 and Nicolas HENRY
Hey so I have the following config (in
rollup):And the following CSS:
Which is the closest I can get it to working, the image is in the right directory
public/disthowever the CSS path isbackground-image: url("dist/7d8c51c4.jpg");This resolves to
http://localhost/dist/dist/7d8c51c4.jpgas opposed tohttp://localhost/dist/7d8c51c4.jpg.I am running a server in the
public/directory and essentially need the path to be/dist/7d8c51c4.jpgor alternatively./7d8c51c4.jpgas the image is in the same root as the generated CSS file.I have tried every possible variation I can think of with the
toandassetPatharguments, but I either get the path right and the image in the wrong directory or the image in the right directory and the wrong path.Cheers.