У меня есть существующее приложение Laravel, и для части приложения я использую Laravel Mix.У меня есть 6 отдельных файловых компонентов с CSS внутри файла Vue.Мой самый большой файл Vue - 41 КБ, а остальные - по 10-17 КБ.
Я использую Laravel Mix для объединения js внутри webpack.mix.js: mix .js('resources/assets/js/app.js', 'dist/js')
.Размер моего приложения для разработки - 767 КБ, а размер рабочего пакета - 265 КБ.Я пытаюсь уменьшить размер рабочего приложения, так как оно просто обрабатывает мои файлы vue (js / CSS), поэтому я не уверен, почему оно настолько велико.
package.json:
{
"private": true,
"scripts": {
"dev": "NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "NODE_ENV=development webpack --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"hot": "NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"production": "NODE_ENV=production webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
},
"devDependencies": {
"axios": "^0.18.0",
"bootstrap-sass": "^3.3.7",
"jquery": "^3.1.0",
"laravel-mix": "^4.0.14",
"lodash": "^4.16.2",
"resolve-url-loader": "^2.3.1",
"sass": "^1.17.2",
"sass-loader": "^7.1.0",
"vue": "^2.6.10",
"vue-loader": "^15.7.0",
"vue-template-compiler": "^2.6.10",
"webpack": "^4.29.6"
},
"dependencies": { }
}
Есть ли у вас какие-либо идеи?260кб для этого много.