Voor een Custom Theme binnen OctoberCMS heb ik momenteen de volgende structuur
Op dit moment heb ik mijn webpack.mix.js als volgt ingesteld
Probleem
Hierdoor worden alle referenties (naar mijn assets) opgepakt en naar /themes/project/images/ gezet.
Maar het path in mijn gecompileerde .CSS verwijst naar /images/ in plaats van /themes/project/images/
...
Het gaat om een schone Laravel / OctoberCMS installatie.
Ik heb er voor gekozen om mijn NPM (package.json) en webpack.mix.js vanuit mijn Theme te laten starten omdat ik zo het theme afzonderlijk kan delen met andere projecten. Wellicht dat hier een oorzaak van het probleem zit.
...
In de documentatie van OctoberCMS en Laravel vindt ik geen default voorbeeld hoe je dit zou moeten aanpakken. Vreemd genoeg heb ik ook al tientallen searches gedaan op mijn probleem, maar geen antwoord kunnen vinden waardoor ik vermoed dat ik het op een verkeerde manier aanvlieg.
Ik ben (inmiddels) redelijk bekend met Webpack en Mix.
Ik ben ook op de hoogte van de mogelijkheid om gebruik te maken van processCssUrls: false echter blijf ik nog steeds in conflict met het handmatig assets te moeten kopiëren (.copyDirectory()) wat niet mijn voorkeur heeft, gezien ik alleen de assets wil kopiëren die gebruikt worden.
...
Any help of insight would be helpful

- public (symlink)
- /themes/project/
- themes/
- project/
- assets/
- src/
- fonts
- images
- js
- sass
- src/
- assets/
- project/
JavaScript:
1
2
3
4
5
| .media { img { content: url('../images/theme-preview.svg'); } } |
Op dit moment heb ik mijn webpack.mix.js als volgt ingesteld
JavaScript:
1
2
3
4
5
6
7
| let mix = require('laravel-mix'); mix .setPublicPath('./') .js('assets/src/js/app.js', 'js/') .sass('assets/src/sass/app.scss', 'css/') .browserSync(); |
Probleem
Hierdoor worden alle referenties (naar mijn assets) opgepakt en naar /themes/project/images/ gezet.
Maar het path in mijn gecompileerde .CSS verwijst naar /images/ in plaats van /themes/project/images/
...
Het gaat om een schone Laravel / OctoberCMS installatie.
Ik heb er voor gekozen om mijn NPM (package.json) en webpack.mix.js vanuit mijn Theme te laten starten omdat ik zo het theme afzonderlijk kan delen met andere projecten. Wellicht dat hier een oorzaak van het probleem zit.
...
In de documentatie van OctoberCMS en Laravel vindt ik geen default voorbeeld hoe je dit zou moeten aanpakken. Vreemd genoeg heb ik ook al tientallen searches gedaan op mijn probleem, maar geen antwoord kunnen vinden waardoor ik vermoed dat ik het op een verkeerde manier aanvlieg.

Ik ben (inmiddels) redelijk bekend met Webpack en Mix.
Ik ben ook op de hoogte van de mogelijkheid om gebruik te maken van processCssUrls: false echter blijf ik nog steeds in conflict met het handmatig assets te moeten kopiëren (.copyDirectory()) wat niet mijn voorkeur heeft, gezien ik alleen de assets wil kopiëren die gebruikt worden.
...
Any help of insight would be helpful


- Creating more joy for people who interact with our digital world