デフォルトでは、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 はまだ謎のようなものです。ありがとう。