From 349e4c89022984876828366261dfb504ca7bd604 Mon Sep 17 00:00:00 2001 From: chuzhixin <1204505056@qq.com> Date: Mon, 9 Jan 2023 06:35:22 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=80=20feat:=20add=20imageCompression?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.en.md | 4 ++-- README.md | 6 +++--- package.json | 9 +++------ src/config/setting.config.js | 2 ++ vue.config.js | 18 ++++++++++-------- 5 files changed, 20 insertions(+), 19 deletions(-) diff --git a/README.en.md b/README.en.md index 2300e99..e56c618 100644 --- a/README.en.md +++ b/README.en.md @@ -59,7 +59,7 @@ ```bash git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-better.git -npm i +npm i --registry=http://mirrors.cloud.tencent.com/npm/ npm run serve ``` @@ -67,7 +67,7 @@ npm run serve ```bash git clone -b master https://github.com/chuzhixin/vue-admin-better.git -npm i +npm i --registry=http://mirrors.cloud.tencent.com/npm/ npm run serve ``` diff --git a/README.md b/README.md index 7b485e3..2c368a1 100644 --- a/README.md +++ b/README.md @@ -80,7 +80,7 @@ # 克隆项目 git clone -b vue3.0-antdv https://github.com/chuzhixin/vue-admin-better.git # 安装依赖 -npm i +npm i --registry=http://mirrors.cloud.tencent.com/npm/ # 本地开发 启动项目 npm run serve ``` @@ -91,7 +91,7 @@ npm run serve # 克隆项目 git clone https://github.com/chuzhixin/vue-admin-arco.git # 安装依赖 -npm i +npm i --registry=http://mirrors.cloud.tencent.com/npm/ # 本地开发 启动项目 npm run dev ``` @@ -102,7 +102,7 @@ npm run dev # 克隆项目 git clone -b master https://github.com/chuzhixin/vue-admin-better.git # 安装依赖 -npm i +npm i --registry=http://mirrors.cloud.tencent.com/npm/ # 本地开发 启动项目 npm run serve ``` diff --git a/package.json b/package.json index 331b189..c56406a 100644 --- a/package.json +++ b/package.json @@ -11,16 +11,13 @@ "serve": "vue-cli-service serve", "build": "vue-cli-service build", "build:report": "vue-cli-service build --report", - "globle": "npm install -g cnpm --registry=https://registry.npmmirror.com&&cnpm i rimraf npm-check-updates nrm -g&&rimraf node_modules&&cnpm i", + "globle": "npm install -g cnpm --registry=http://mirrors.cloud.tencent.com/npm/&&cnpm i rimraf npm-check-updates nrm -g&&rimraf node_modules&&cnpm i", "lint": "vue-cli-service lint", "lint:style": "stylelint-config-prettier-check", "inspect": "vue-cli-service inspect", - "template": "plop", - "clear": "rimraf node_modules&&npm install --registry=https://registry.npmmirror.com", + "clear": "rimraf node_modules&&npm install --registry=http://mirrors.cloud.tencent.com/npm/", "image-webpack-loader": "cnpm i image-webpack-loader -D", - "use:npm": "nrm use npm", - "use:taobao": "nrm use taobao", - "update": "ncu -u --reject sass-loader,sass,screenfull,eslint,chalk,vue-echarts,vue,vue-template-compiler,vue-router,vuex,@vue/cli-plugin-babel,@vue/cli-plugin-eslint,@vue/cli-service,eslint-plugin-vue --registry https://registry.npmmirror.com&&cnpm i", + "update": "ncu -u --reject sass-loader,sass,screenfull,eslint,chalk,vue-echarts,vue,vue-template-compiler,vue-router,vuex,@vue/cli-plugin-babel,@vue/cli-plugin-eslint,@vue/cli-service,eslint-plugin-vue --registry=http://mirrors.cloud.tencent.com/npm/&&npm i --registry=http://mirrors.cloud.tencent.com/npm/", "update:globle": "ncu -g --concurrency 10 --timeout 80000", "push": "start ./push.sh", "deploy": "start ./deploy.sh" diff --git a/src/config/setting.config.js b/src/config/setting.config.js index a4da19a..aee61c0 100644 --- a/src/config/setting.config.js +++ b/src/config/setting.config.js @@ -66,5 +66,7 @@ const setting = { templateFolder: 'project', //是否显示终端donation打印 donation: true, + //是否开启图片压缩 + imageCompression: true, } module.exports = setting diff --git a/vue.config.js b/vue.config.js index 9e5e66b..ffb9c73 100644 --- a/vue.config.js +++ b/vue.config.js @@ -16,6 +16,7 @@ const { providePlugin, build7z, donation, + imageCompression, } = require('./src/config') const { webpackBarName, webpackBanner, donationConsole } = require('zx-layouts') @@ -141,14 +142,15 @@ module.exports = { .plugin('banner') .use(Webpack.BannerPlugin, [`${webpackBanner}${time}`]) .end() - config.module - .rule('images') - .use('image-webpack-loader') - .loader('image-webpack-loader') - .options({ - bypassOnDebug: true, - }) - .end() + if (imageCompression) + config.module + .rule('images') + .use('image-webpack-loader') + .loader('image-webpack-loader') + .options({ + bypassOnDebug: true, + }) + .end() }) if (build7z) {