1

デフォルトでは、vue-cli は で見つかったすべてのモジュールnode_modulesを単一のファイル vendor.js に抽出します。プラグインコードはこちら

    // keep module.id stable when vender modules does not change
    new webpack.HashedModuleIdsPlugin(),
    // split vendor js into its own file
    new webpack.optimize.CommonsChunkPlugin({
        name: 'vendor',
        minChunks: function(module, count) {
            // any required modules inside node_modules are extracted to vendor
            return (
                module.resource &&
                /\.js$/.test(module.resource) &&
                module.resource.indexOf(
                    path.join(__dirname, '../node_modules')
                ) === 0
            )
        }
    }),
    // extract webpack runtime and module manifest to its own file in order to
    // prevent vendor hash from being updated whenever app bundle is updated
    new webpack.optimize.CommonsChunkPlugin({
        name: 'manifest',
        chunks: ['vendor']
    }),

各ライブラリに独自のファイルを提供したいと思います。理由は、twitch 拡張機能の承認を得ようとしているからです。彼らは「難読化されたコード」に対して非常に厳格です。各ライブラリが独自のファイルにあると、レビュー プロセスに役立つだろうと誰かが私に言いました。

したがって、vue、vue-router、および vuex を使用している場合。から行きたいです

<script type="text/javascript" src="static/js/vendor.27baea56fa1d6f323c7b.js"></script>

これに

<script type="text/javascript" src="static/js/vue.27baea56fa1d6f323c7b.js"></script>
<script type="text/javascript" src="static/js/vue-router.27baea56fa1d6f323c7b.js"></script>
<script type="text/javascript" src="static/js/vuex.27baea56fa1d6f323c7b.js"></script>

私は解決策を提供しますが、webpack はまだ謎のようなものです。ありがとう。

4

0 に答える 0