Maizzle
Replies: 1 comment 2 replies
-
|
Are you trying to use |
Beta Was this translation helpful? Give feedback.
-
|
No. We need |
Beta Was this translation helpful? Give feedback.
-
|
Oh ok, so it needs to be a template as far as Maizzle is concerned. You need to have it extend a basic layout that includes <!-- partials/h1.html -->
<extends src="layouts/basic.html">
<block name="template">
<h1 class="text-3xl">@{{ $slot }}</h1>
</block>
</extends><!-- layouts/basic.html -->
<style>{{{ page.css }}}</style>
<block name="template"></block>That will output: <h1 style="font-size: 30px">{{ $slot }}</h1>However if you have any pseudos or media queries like <!-- layouts/basic.html -->
<style>{{{ page.css }}}</style>
<body>
<block name="template"></block>
</body>Of course, you'll then need to get rid of the // config.production.js
module.exports = {
// ...,
events: {
afterTransformers(html) {
return html.replace(/<\/?body.*?>/g, '')
},
},
} |
Beta Was this translation helpful? Give feedback.
-
We have a template structure like this:
with a
config.production.js:After running
npm run buildonly css and classes indefault.blade.phpare inlined.h1.blade.phpis created in `src/views/partials' but it is not transformed at all:How do we achieve a result like this for a partial?
It seems like only full HTML files are transformed.
Beta Was this translation helpful? Give feedback.
All reactions