Question

我有一个现有的Laravel应用程序，对于该应用程序的一部分，我正在使用Laravel Mix。我在Vue文件中的CSS中有6个单一文件组件。我最大的Vue文件是41KB，其余的每个文件都是10-17kb。

我正在使用Laravel Mix将js捆绑在webpack.mix.js中：mix .js('resources/assets/js/app.js', 'dist/js')。我的开发应用程序大小为767kb，生产捆绑包大小为265kb。我试图缩小生产应用程序的大小，因为它只是处理我的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": { }
}

您有什么想法吗？ 260kb的感觉很多。

webpack捆绑包的大小大于应有的大小

0 个答案: