前提・実現したいこと
環境:Vue CLI 3.2.1
npm installしたパッケージの中で1つだけとてもファイル容量の大きいものがあるので、このパッケージだけ、npm buildした際にwebpackによって生成されるbundleファイルを分割したいと考えています。
発生している問題・エラーメッセージ
vue.config.jsを作成して編集すればいいということは分かったのですが、
そこにどういう書きっぷりを加えれば目的が達成できるかが、公式Documentを見ても分かりません。
該当のソースコード
URL
1https://cli.vuejs.org/guide/webpack.html#simple-configuration
Vue CLI 2 時代に辛うじて実現したコード
(これをVue CLI 3 で実現したい…!
webpack.prod.conf.js
plugins: [ ... 省略 ... // split vendor js into its own file new webpack.optimize.CommonsChunkPlugin({ name: 'bcdice', minChunks (module) { // 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/bcdice-js') ) === 0 ) } }), // split vendor js into its own file new webpack.optimize.CommonsChunkPlugin({ name: 'vendor', minChunks (module) { // 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 && module.resource.indexOf( path.join(__dirname, '../node_modules/bcdice-js') ) < 0 ) } }), ... 省略 ... ]
試したこと
4時間のネットサーフィンで様々なページを点々と…(何の成果も得られませんでした…!
補足情報(FW/ツールのバージョンなど)
Node.js: v8.12.0
Vue CLI: 3.2.1
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。