.postcssrc.js requires autoprefixer but it isn't listed as a dependency.

[ghost]

Describe the bug
.postcssrc.js requires autoprefixer but it isn't listed as a dependency in the template package.json

To Reproduce
Steps to reproduce the behavior:

1. npm i -g pnpm
2. pnpm i -g @quasar/cli
3. quasar create quasar-app

? Project name (internal usage for dev) quasar-app
? Project product name (must start with letter if building mobile apps) Quasar App
? Project description A Quasar Framework app
? Pick your favorite CSS preprocessor: (can be changed later) SCSS
? Pick a Quasar components & directives import strategy: (can be changed later) Auto import
? Check the features needed for your project: ESLint, Vuex, Axios, Vue-i18n
? Pick an ESLint preset: Airbnb
? Cordova/Capacitor id (disregard if not building mobile apps) com.noshyaar.quasarapp
? Should we run `npm install` for you after the project has been created? (recommended) no

4. cd quasar-app
5. pnpm i
6. quasar dev

Expected behavior
Running development server

Screenshots
-

Platform (please complete the following information):
OS: Ubuntu 19.10 eoan
Node: v13.0.1
NPM: 6.12.0
Yarn: -
pnpm: 4.9.3
Browsers: Mozilla Firefox 72.0.2
iOS: -
Android: -
Electron: -

Additional context

$ quasar dev

 Dev mode.......... spa
 Pkg quasar........ v1.8.5
 Pkg @quasar/app... v1.5.3
 Debugging......... enabled

 app:quasar-conf Reading quasar.conf.js +0ms
 app:dev Checking listening address availability (0.0.0.0:8080)... +5ms
(node:10728) UnhandledPromiseRejectionWarning:   Error: Cannot find module 'autoprefixer'
  Require stack:
  - /home/noshyaar/git/quasar-app/.postcssrc.js
  - /home/noshyaar/git/quasar-app/node_modules/.pnpm/registry.npmjs.org/@quasar/app/1.5.3/node_modules/@quasar/app/lib/webpack/inject.style-rules.js
  - /home/noshyaar/git/quasar-app/node_modules/.pnpm/registry.npmjs.org/@quasar/app/1.5.3/node_modules/@quasar/app/lib/webpack/create-chain.js
  - /home/noshyaar/git/quasar-app/node_modules/.pnpm/registry.npmjs.org/@quasar/app/1.5.3/node_modules/@quasar/app/lib/webpack/index.js
  - /home/noshyaar/git/quasar-app/node_modules/.pnpm/registry.npmjs.org/@quasar/app/1.5.3/node_modules/@quasar/app/lib/quasar-config.js
  - /home/noshyaar/git/quasar-app/node_modules/.pnpm/registry.npmjs.org/@quasar/app/1.5.3/node_modules/@quasar/app/bin/quasar-dev
  - /home/noshyaar/git/quasar-app/node_modules/.pnpm/registry.npmjs.org/@quasar/app/1.5.3/node_modules/@quasar/app/bin/quasar
  - /home/noshyaar/.nvm/versions/node/v13.0.1/pnpm-global/3/node_modules/.pnpm/registry.npmjs.org/@quasar/cli/1.0.5/node_modules/@quasar/cli/bin/quasar

[rstoenescu]

Hi,

"autoprefixer" is supplied by "@quasar/app". Highly recommending (as in the docs) to use a better package manager: yarn, for a headache-free experience.

[zkochan]

I am not sure what a "better package manager" means. If this issue is because a non-declared dependency is used, then this will also fail with Yarn v2.

[rstoenescu]

Maybe my wording was "off". So here's another try.

You can also install the same "autoprefixer" version in your project folder and still use pnpm. But if you install packages supplied by quasar/app yourself, you are essentially throwing away all the stability that q/app offers out of the box. We thoroughly test packages and pin them to "safe" versions (and also upgrade them really fast) so that the developers can focus on their work rather than the tooling. We've had so many incidents where certain versions of some packages broke stuff. Our philosophy is to make everything easier for you, not harder.

So aside from the possibility to make pnpm play nicely with Quasar projects (available today), my personal opinion, and everyone can feel free to disagree with me, is that a package manager should not matter so much when compared to the quality of the UI that you can make with a framework (including exceptional out of the box support for all platforms, be them desktop, mobile or hybrid) and the overall experience that you get from it -- the ability to focus on your end-result which is the only thing that your customers will care about.

Bottom line, let's make great apps and not build walls against each other.

[RaviH]

@rstoenescu quasar is amazing. Period. pnpm support, while not important, would be nice to have.

I get:

~/todo-app/.quasar/client-entry.js in multi ./node_modules/.pnpm/[email protected][email protected]/node_modules/webpack-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js

[pinghe]

quasarframework/quasar#7581

We have plans to create a CLI based on Vite instead of Webpack and that will allow us to officially support Yarn 2