I try to use two ways
const px2Rem = require('px2rem-webpack-plugin')
build: {
plugins: [
new px2Rem({originScreenWidth: 375})
]
}
or
build: {
extend(config, { isDev, isClient }) {
if (isClient) {
config.plugins.push(new px2Rem({originScreenWidth: 375}))
}
}
}
but, compile error
ERROR Failed to compile with 1 errors
This dependency was not found:
* /Users/zc/code/exercise/vue-ssr/.nuxt/client.js in multi webpack-hot-middleware/client?name=client&reload=true&timeout=3000&path=/__webpack_hmr ./.nuxt/client.js
To install it, you can run: npm install --save /Users/zc/code/exercise/vue-ssr/.nuxt/client.js
This is a webpack plugin that turns px to rem and how should I use it
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2151">#c2151</a>)</em></sub></div>