From f75e416479d3fa4da5b9c3a134e66d367116e48b Mon Sep 17 00:00:00 2001 From: lyswhut Date: Wed, 14 Apr 2021 13:33:36 +0800 Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=BB=91=E8=89=B2=E7=9A=AE?= =?UTF-8?q?=E8=82=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../renderer-lyric/webpack.config.base.js | 6 + build-config/renderer/webpack.config.base.js | 6 + build-config/utils.js | 14 +- package-lock.json | 45 +++++ package.json | 1 + .../components/core/ControlBar.vue | 12 +- src/renderer/assets/images/landingMoon.jpg | Bin 0 -> 15196 bytes src/renderer/assets/images/landingMoon.png | Bin 0 -> 20933 bytes src/renderer/assets/images/landingMoon2.png | Bin 0 -> 19475 bytes src/renderer/assets/styles/variables.less | 170 +++++++++++------- src/renderer/components/core/Player.vue | 12 +- src/renderer/components/core/PlayerDetail.vue | 12 +- src/renderer/lang/en-us/store/state.json | 1 + src/renderer/lang/zh-cn/store/state.json | 1 + src/renderer/lang/zh-tw/store/state.json | 1 + src/renderer/store/state.js | 5 + 16 files changed, 199 insertions(+), 87 deletions(-) create mode 100644 src/renderer/assets/images/landingMoon.jpg create mode 100644 src/renderer/assets/images/landingMoon.png create mode 100644 src/renderer/assets/images/landingMoon2.png diff --git a/build-config/renderer-lyric/webpack.config.base.js b/build-config/renderer-lyric/webpack.config.base.js index 3bcfc5b2..a3d17baf 100644 --- a/build-config/renderer-lyric/webpack.config.base.js +++ b/build-config/renderer-lyric/webpack.config.base.js @@ -2,6 +2,7 @@ const path = require('path') const VueLoaderPlugin = require('vue-loader/lib/plugin') const HTMLPlugin = require('html-webpack-plugin') const MiniCssExtractPlugin = require('mini-css-extract-plugin') +const CleanCSSPlugin = require('less-plugin-clean-css') const vueLoaderConfig = require('../vue-loader.config') const { mergeCSSLoader } = require('../utils') @@ -63,6 +64,11 @@ module.exports = { loader: 'less-loader', options: { sourceMap: true, + lessOptions: { + plugins: [ + new CleanCSSPlugin({ advanced: true }), + ], + }, }, }), }, diff --git a/build-config/renderer/webpack.config.base.js b/build-config/renderer/webpack.config.base.js index 050e768e..5e3a7765 100644 --- a/build-config/renderer/webpack.config.base.js +++ b/build-config/renderer/webpack.config.base.js @@ -2,6 +2,7 @@ const path = require('path') const VueLoaderPlugin = require('vue-loader/lib/plugin') const HTMLPlugin = require('html-webpack-plugin') const MiniCssExtractPlugin = require('mini-css-extract-plugin') +const CleanCSSPlugin = require('less-plugin-clean-css') const vueLoaderConfig = require('../vue-loader.config') const { mergeCSSLoader } = require('../utils') @@ -63,6 +64,11 @@ module.exports = { loader: 'less-loader', options: { sourceMap: true, + lessOptions: { + plugins: [ + new CleanCSSPlugin({ advanced: true }), + ], + }, }, }), }, diff --git a/build-config/utils.js b/build-config/utils.js index 136b2e50..708233df 100644 --- a/build-config/utils.js +++ b/build-config/utils.js @@ -9,7 +9,12 @@ exports.mergeCSSLoader = beforeLoader => { { resourceQuery: /module/, use: [ - MiniCssExtractPlugin.loader, + { + loader: MiniCssExtractPlugin.loader, + options: { + esModule: false, + }, + }, { loader: 'css-loader', options: cssLoaderConfig, @@ -20,7 +25,12 @@ exports.mergeCSSLoader = beforeLoader => { // 这里匹配普通的 `