This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| timsayshey commented on 21 Jul • | |
| We came up with a workaround on our team to get Quasar and Tailwind to work together. Our goal was to build everything in Tailwind on Quasar but we didn't want Quasar styles loading in and taking over or conflicting with our Tailwind styles. The first thing we had to do was prevent the Quasar stylesheet from loading in however there is no option to disable it so we do a find/replace to remove it when webpack builds. | |
| Run npm i string-replace-loader then add the following code to the extendWebpack() method in your quasar.conf.js file: | |
| cfg.module.rules.push({ | |
| test: /client-entry\.js$/, | |
| loader: 'string-replace-loader', | |
| options: { | |
| search: "import 'quasar/dist/quasar.sass'", |