nuxtでgenerateした時にminifyを解除したい

いつもお世話になっております。
nuxtを使ってwebアプリの開発をしております。

nuxtでgenerateをした時にだけ(?)エラーが発生している事象があり、原因の特定をしようと思っているのですが、minifyされたままだと調査がしづらいので、minifyを解除したいと思っております。

下記サイトなどを参考にnuxt.config.jsの設定を変更して、generateをしてみたのですが、変化がなく対応方法がないかを調べてはいるのですが、見つからない状況で困っております。

https://ja.nuxtjs.org/api/configuration-build#html-minify
https://qiita.com/yamanoku/items/5a42028d45e7b9931161#minify%E3%81%95%E3%82%8C%E3%82%8B%E7%82%B9

どなたか対応方法をご存知の型がいらっしゃいましたら、ご教授頂けませんでしょうか。

以下、nuxt.config.jsの抜粋、package.json、nodeのバージョン等になります。
何卒、よろしくお願いいたします。

nuxt.config.js

export default {
  mode: 'spa',
  dev: process.env.NODE_ENV !== 'production',
  env: {
    API_URL,
    baseUrl: process.env.BASE_URL || 'http://localhost:3000'
  },
  generate: {
    minify: {
      collapseBooleanAttributes: false,
      collapseWhitespace: false,
      decodeEntities: false,
      minifyCSS: false,
      minifyJS: false,
      processConditionalComments: false,
      removeAttributeQuotes: false,
      removeComments: false,
      removeEmptyAttributes: false,
      removeOptionalTags: false,
      removeRedundantAttributes: false,
      removeScriptTypeAttributes: false,
      removeStyleLinkTypeAttributes: false,
      removeTagWhitespace: false,
      sortAttributes: false,
      sortClassName: false,
      trimCustomFragments: false,
      useShortDoctype: false
    },
  }
}

package.json

{
  "scripts": {
    "dev": "NUXT_HOST=0.0.0.0 NUXT_PORT=3000 nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "test": "jest"
  },
  "dependencies": {
    "@nuxt/webpack": "^2.11.0",
    "@nuxtjs/axios": "^5.3.6",
    "@nuxtjs/dotenv": "^1.4.0",
    "exif-js": "^2.3.0",
    "gsap": "^3.2.4",
    "normalize-scss": "^7.0.1",
    "normalize.css": "^8.0.1",
    "nuxt": "^2.0.0",
    "nuxt-vuex-localstorage": "^1.2.6",
    "vee-validate": "^3.2.5",
    "vue-cropperjs": "^4.0.1",
    "vue-infinite-loading": "^2.4.5"
  },
  "devDependencies": {
    "@nuxtjs/eslint-config": "^2.0.0",
    "@nuxtjs/eslint-module": "^1.0.0",
    "@nuxtjs/proxy": "^1.3.3",
    "@nuxtjs/stylelint-module": "^3.1.0",
    "@vue/test-utils": "^1.0.0-beta.27",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^24.1.0",
    "eslint": "^6.1.0",
    "eslint-config-prettier": "^6.10.0",
    "eslint-plugin-nuxt": ">=0.4.2",
    "eslint-plugin-prettier": "^3.1.2",
    "husky": "^4.0.0",
    "jest": "^24.1.0",
    "lint-staged": "^10.0.0",
    "node-sass": "^4.13.1",
    "prettier": "^1.19.1",
    "sass-loader": "^8.0.2",
    "stylelint": "^10.1.0",
    "vue-jest": "^4.0.0-0"
  }
}

bash-5.0# node -v
v10.19.0
bash-5.0# yarn -v
1.21.1

行動規範の内容に同意します

回答1件

ベストアンサー

SPAならmapファイルを生成するようにすれば、devと同じようにブラウザでデバック可能です。
SSRは試したことないのでわかりませんが、たぶん同じじゃないかと。
nuxt.config.jsのbuildのextend にmapファイルを作るように一行追加します。
generateは実行時にbuildのextend を利用するようなのでbuild側に書きます。

javascript
1build: {
2    /*
3    ** You can extend webpack config here
4    */
5    extend (config, ctx) {
6      config.devtool = 'source-map'
7      // config.optimization.minimize = false;
8    }
9}