Wix TPA style loader

Webpack loader that handles Wix TPA style params.

Installation

npm install wix-tpa-style-loader

scss file that contains TPA style params

.foo {
	color: unquote("{{color-1}}");
	font: unquote("; {{body-m}}");
	font-size: 16px;
}

If you are using Yoshi, just specify tpaStyle: true, it will invoke this loader as part of scss requires and it will pass the remain part.

// remain
.foo {
	font-size: 16px;
}

If you want to put a style tag with the TPA params you need to require SCSS file with wix-tpa-style?mode=inline.

require('!wix-tpa-style-loader?mode=inline!scss!./style.scss');

This require will generate code in your bundle that on runtime will put style tag with wix-style attr to the head and the inline part in it.

// inline
.foo {
	color: {{color-1}};
	font: ; {{body-m}};
}