Sandbox::https://github.com/NativeScript/tailwind/blob/main/nativescript.webpack.js

Repository navigation

30 lines (26 loc) · 725 Bytes

/**

* @param {typeof import("@nativescript/webpack")} webpack

module.exports = (webpack) => {

const shouldAutoload = webpack.Utils.config.getValue('tailwind.autoload', true);

if(!shouldAutoload) {

return;

}

const addPostCSSPlugins = (options = {}) => {

return webpack.merge(options, {

postcssOptions: {

plugins: ["postcss-preset-env", "@tailwindcss/postcss", "@nativescript/tailwind", "@csstools/postcss-is-pseudo-class"],

});

};

webpack.chainWebpack((config) => {

config.module

.rule("css")

.use("postcss-loader")

.tap(addPostCSSPlugins);

config.module

.rule("scss")

.use("postcss-loader")

.tap(addPostCSSPlugins);

});

};