vuepressのビルド後のcss, jsのファイルネームは変更できないのか

Question

vuepressのビルド後のファイルネームは変更きかないものなのでしょうか？(Percelのように...)

configの設定にもそれらしいものは見当たらず、stylus-loaderのオプションかとも思ったのですが、stylus-loaderのGithubを見ても恥ずかしながらなんのオプションがあるのか読めませんでした...。

違う場所で変更きかせられるのか、そもそもそういう仕様なのか詳しい方いましたらご教授お願い致します。

Answer 1

/lib/webpack/createBaseConfig.jsを読んでみたんですが、ファイル名は変更（指定?)はできなさそうですね。。
ビルドするとprocess.env.NODE_ENVにproductionが入るので、chankhashが入ったファイル名になるみたいです。

// 19行目
const isProd = process.env.NODE_ENV === 'production'

// 24行目〜
config
    .mode(isProd && !debug ? 'production' : 'development')
    .output
      .path(outDir)
      .filename(isProd ? 'assets/js/[name].[chunkhash:8].js' : 'assets/js/[name].js')
      .publicPath(isProd ? publicPath : '/')


// 265行目〜
  if (isProd && !isServer) {
    config
      .plugin('extract-css')
      .use(CSSExtractPlugin, [{
        filename: 'assets/css/styles.[chunkhash:8].css'
      }])

質問の意図と見当違いなこと書いてたらすみません。。

Comments

[monopory]

回答ありがとうございます！ そうゆう仕様になっているんですね....。
ファイル名の先頭にも0, 1, 2.....の番号がついてくるみたいです。それもvuepress側でビルド時に何かされていますね。。。

[monopory]

SSRできる系のSPA, PWAのフレームワークの静的ジェネレートはアウトプットされるファイルネームはそれが普通なんでしょうか...。Nuxt.jsも同じ感じでした。