一步一步,一步 从代码到,打包成为手机App,上传至nginx服务器 (Vue项目)

    if (isProduction) {

        // 9 配置cdn

        config.externals = externals

            // 配置cdn

        plugins.push(

                new UglifyJsP **《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源	徽信搜索公众号【编程进阶路】** lugin({

                    uglifyOptions: {

                        output: {

                            comments: false, // 去掉注释

                        },

                        warnings: false,

                        compress: {

                            drop_console: true,

                            drop_debugger: false,

                            pure_funcs: ['console.log'] //移除console

                        }

                    }

                }),

                // 14 对资源文件进行压缩引入进行配置：

                new CompressionWebpackPlugin({

                    filename: '[path].gz[query]',

                    algorithm: 'gzip',

                    // test: /\.js$|\.html$|\.json$|\.css/,

                    test: /\.js$|\.json$|\.css/,

                    threshold: 10240, // 只有大小大于该值的资源会被处理

                    minRatio: 0.8, // 只有压缩率小于这个值的资源才会被处理

                    // deleteOriginalAssets: true // 删除原文件

                })

                // 15 安装图片压缩 cnpm install image-webpack-loader --save-dev 容易安装不上

                // 若安装过 image-webpack-loader 先卸载 !!!

                // npm 安装的npm 则npm 移除

                // npm uninstall image - webpack - loader

                //如果yarn安装的，则yarn 移除

                // yarn remove image - webpack - loader

            ),

            // 17公共代码抽离

            config.optimization = {

                splitChunks: { // 分割代码块

                    cacheGroups: {

                        vendor: { //第三方库抽离

                            chunks: 'all',

                            test: /node_modules/,

                            name: 'vendor',

                            minChunks: 1, //在分割之前࿰