Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
First, just want to say I'm pretty new to having a full build-process and the Vue scene in general so apologies for my ignorance on these matters. I've been trying to get postcss-sort-media-queries to work for a solid day now. I cannot get it to run automatically. I installed postcss-cli and manually run it just fine so all the pieces are theoretically there. From my understanding, the postcss-config file doesn't work in Vue3. I have tried the following in package.json: "postcss": { "plugins": { "postcss-sort-media-queries": { "sort": "desktop-first" } } }, I've also tried the following in vue.config.js (please note, I've left all three options I've tried based on various formats I've seen in forums etc): const postcssSortMediaQueries = require("postcss-sort-media-queries"); ... css: { loaderOptions: { postcss: { postcssOptions: { plugins: [ ["postcss-sort-media-queries", {sort: "desktop-first"}], postcssSortMediaQueries({ sort: "desktop-first" }), require("postcss-sort-media-queries")({ sort: "desktop-first" }), ] } }, sass: { additionalData: @import "@/assets/styles/base/_variables.scss"; @import "@/assets/styles/mixins/_mixins.scss"; } } }, ... There are no errors when running 'npm run build' so I have nothing to go off of as to why it's not firing. Thanks for any and all help!
First, just want to say I'm pretty new to having a full build-process and the Vue scene in general so apologies for my ignorance on these matters. I've been trying to get postcss-sort-media-queries to work for a solid day now. I cannot get it to run automatically. I installed postcss-cli and manually run it just fine so all the pieces are theoretically there. From my understanding, the postcss-config file doesn't work in Vue3. I have tried the following in package.json: "postcss": { "plugins": { "postcss-sort-media-queries": { "sort": "desktop-first" } } }, I've also tried the following in vue.config.js (please note, I've left all three options I've tried based on various formats I've seen in forums etc): const postcssSortMediaQueries = require("postcss-sort-media-queries"); ... css: { loaderOptions: { postcss: { postcssOptions: { plugins: [ ["postcss-sort-media-queries", {sort: "desktop-first"}], postcssSortMediaQueries({ sort: "desktop-first" }), require("postcss-sort-media-queries")({ sort: "desktop-first" }), ] } }, sass: { additionalData: @import "@/assets/styles/base/_variables.scss"; @import "@/assets/styles/mixins/_mixins.scss"; } } }, ... There are no errors when running 'npm run build' so I have nothing to go off of as to why it's not firing. Thanks for any and all help!