Revert vite build
This commit is contained in:
lyswhut
@@ -0,0 +1,9 @@
|
||||
const isDev = process.env.NODE_ENV === 'development'
|
||||
|
||||
module.exports = {
|
||||
modules: {
|
||||
localIdentName: isDev ? '[path][name]__[local]--[hash:base64:5]' : '[hash:base64:5]',
|
||||
exportLocalsConvention: 'camelCase',
|
||||
},
|
||||
sourceMap: isDev,
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
const path = require('path')
|
||||
const ESLintPlugin = require('eslint-webpack-plugin')
|
||||
|
||||
const isDev = process.env.NODE_ENV === 'development'
|
||||
|
||||
module.exports = {
|
||||
target: 'electron-main',
|
||||
output: {
|
||||
filename: '[name].js',
|
||||
library: {
|
||||
type: 'commonjs2',
|
||||
},
|
||||
path: path.join(__dirname, '../../dist'),
|
||||
},
|
||||
externals: {
|
||||
'font-list': 'font-list',
|
||||
'better-sqlite3': 'better-sqlite3',
|
||||
'electron-font-manager': 'electron-font-manager',
|
||||
bufferutil: 'bufferutil',
|
||||
'utf-8-validate': 'utf-8-validate',
|
||||
'qrc_decode.node': isDev ? path.join(__dirname, '../../build/Release/qrc_decode.node') : path.join('../build/Release/qrc_decode.node'),
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'@main': path.join(__dirname, '../../src/main'),
|
||||
'@renderer': path.join(__dirname, '../../src/renderer'),
|
||||
'@lyric': path.join(__dirname, '../../src/renderer-lyric'),
|
||||
'@common': path.join(__dirname, '../../src/common'),
|
||||
},
|
||||
extensions: ['.tsx', '.ts', '.js', '.mjs', '.json', '.node'],
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.node$/,
|
||||
use: 'node-loader',
|
||||
},
|
||||
{
|
||||
test: /\.tsx?$/,
|
||||
use: 'ts-loader',
|
||||
exclude: /node_modules/,
|
||||
},
|
||||
],
|
||||
},
|
||||
plugins: [
|
||||
new ESLintPlugin(),
|
||||
],
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
const path = require('path')
|
||||
const { merge } = require('webpack-merge')
|
||||
const webpack = require('webpack')
|
||||
|
||||
const baseConfig = require('./webpack.config.base')
|
||||
|
||||
|
||||
module.exports = merge(baseConfig, {
|
||||
mode: 'development',
|
||||
entry: {
|
||||
main: path.join(__dirname, '../../src/main/index-dev.ts'),
|
||||
// 'dbService.worker': path.join(__dirname, '../../src/main/worker/dbService/index.ts'),
|
||||
},
|
||||
devtool: 'eval-source-map',
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
NODE_ENV: '"development"',
|
||||
},
|
||||
webpackStaticPath: `"${path.join(__dirname, '../../src/static').replace(/\\/g, '\\\\')}"`,
|
||||
webpackUserApiPath: `"${path.join(__dirname, '../../src/main/modules/userApi').replace(/\\/g, '\\\\')}"`,
|
||||
}),
|
||||
],
|
||||
performance: {
|
||||
maxEntrypointSize: 1024 * 1024 * 50,
|
||||
maxAssetSize: 1024 * 1024 * 30,
|
||||
},
|
||||
})
|
||||
@@ -0,0 +1,49 @@
|
||||
const path = require('path')
|
||||
const { merge } = require('webpack-merge')
|
||||
const webpack = require('webpack')
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin')
|
||||
|
||||
const baseConfig = require('./webpack.config.base')
|
||||
|
||||
// const { dependencies } = require('../../package.json')
|
||||
|
||||
const buildConfig = require('../webpack-build-config')
|
||||
|
||||
|
||||
module.exports = merge(baseConfig, {
|
||||
mode: 'production',
|
||||
entry: {
|
||||
main: path.join(__dirname, '../../src/main/index.ts'),
|
||||
// 'dbService.worker': path.join(__dirname, '../../src/main/worker/dbService/index.ts'),
|
||||
},
|
||||
node: {
|
||||
__dirname: false,
|
||||
__filename: false,
|
||||
},
|
||||
plugins: [
|
||||
new CopyWebpackPlugin({
|
||||
patterns: [
|
||||
{
|
||||
from: path.join(__dirname, '../../src/main/modules/userApi/renderer/user-api.html'),
|
||||
to: path.join(__dirname, '../../dist/userApi/renderer/user-api.html'),
|
||||
},
|
||||
{
|
||||
from: path.join(__dirname, '../../src/common/theme/images/*').replace(/\\/g, '/'),
|
||||
to: path.join(__dirname, '../../dist/theme_images/[name][ext]'),
|
||||
},
|
||||
],
|
||||
}),
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
NODE_ENV: '"production"',
|
||||
},
|
||||
}),
|
||||
],
|
||||
performance: {
|
||||
maxEntrypointSize: 1024 * 1024 * 10,
|
||||
maxAssetSize: 1024 * 1024 * 20,
|
||||
},
|
||||
optimization: {
|
||||
minimize: buildConfig.minimize,
|
||||
},
|
||||
})
|
||||
+144
-1
@@ -1,3 +1,146 @@
|
||||
process.env.NODE_ENV = 'production'
|
||||
|
||||
require('./vite/pack')
|
||||
const chalk = require('chalk')
|
||||
const del = require('del')
|
||||
const webpack = require('webpack')
|
||||
const Spinnies = require('spinnies')
|
||||
|
||||
const mainConfig = './main/webpack.config.prod'
|
||||
const rendererConfig = './renderer/webpack.config.prod'
|
||||
const rendererLyricConfig = './renderer-lyric/webpack.config.prod'
|
||||
const rendererScriptConfig = './renderer-scripts/webpack.config.prod'
|
||||
|
||||
const errorLog = chalk.bgRed.white(' ERROR ') + ' '
|
||||
const okayLog = chalk.bgGreen.white(' OKAY ') + ' '
|
||||
|
||||
const { Worker, isMainThread, parentPort } = require('worker_threads')
|
||||
|
||||
|
||||
function build() {
|
||||
console.time('build')
|
||||
del.sync(['dist/**', 'build/**'])
|
||||
|
||||
const spinners = new Spinnies({ color: 'blue' })
|
||||
spinners.add('main', { text: 'main building' })
|
||||
spinners.add('renderer', { text: 'renderer building' })
|
||||
spinners.add('renderer-lyric', { text: 'renderer-lyric building' })
|
||||
spinners.add('renderer-scripts', { text: 'renderer-scripts building' })
|
||||
let results = ''
|
||||
|
||||
// m.on('success', () => {
|
||||
// process.stdout.write('\x1B[2J\x1B[0f')
|
||||
// console.log(`\n\n${results}`)
|
||||
// console.log(`${okayLog}take it away ${chalk.yellow('`electron-builder`')}\n`)
|
||||
// process.exit()
|
||||
// })
|
||||
function handleSuccess() {
|
||||
process.stdout.write('\x1B[2J\x1B[0f')
|
||||
console.log(`\n\n${results}`)
|
||||
console.log(`${okayLog}take it away ${chalk.yellow('`electron-builder`')}\n`)
|
||||
console.timeEnd('build')
|
||||
process.exit()
|
||||
}
|
||||
|
||||
Promise.all([
|
||||
pack(mainConfig).then(result => {
|
||||
results += result + '\n\n'
|
||||
spinners.succeed('main', { text: 'main build success!' })
|
||||
}).catch(err => {
|
||||
spinners.fail('main', { text: 'main build fail :(' })
|
||||
console.log(`\n ${errorLog}failed to build main process`)
|
||||
console.error(`\n${err}\n`)
|
||||
process.exit(1)
|
||||
}),
|
||||
pack(rendererConfig).then(result => {
|
||||
results += result + '\n\n'
|
||||
spinners.succeed('renderer', { text: 'renderer build success!' })
|
||||
}).catch(err => {
|
||||
spinners.fail('renderer', { text: 'renderer build fail :(' })
|
||||
console.log(`\n ${errorLog}failed to build renderer process`)
|
||||
console.error(`\n${err}\n`)
|
||||
process.exit(1)
|
||||
}),
|
||||
pack(rendererLyricConfig).then(result => {
|
||||
results += result + '\n\n'
|
||||
spinners.succeed('renderer-lyric', { text: 'renderer-lyric build success!' })
|
||||
}).catch(err => {
|
||||
spinners.fail('renderer-lyric', { text: 'renderer-lyric build fail :(' })
|
||||
console.log(`\n ${errorLog}failed to build renderer-lyric process`)
|
||||
console.error(`\n${err}\n`)
|
||||
process.exit(1)
|
||||
}),
|
||||
pack(rendererScriptConfig).then(result => {
|
||||
results += result + '\n\n'
|
||||
spinners.succeed('renderer-scripts', { text: 'renderer-scripts build success!' })
|
||||
}).catch(err => {
|
||||
spinners.fail('renderer-scripts', { text: 'renderer-scripts build fail :(' })
|
||||
console.log(`\n ${errorLog}failed to build renderer-scripts process`)
|
||||
console.error(`\n${err}\n`)
|
||||
process.exit(1)
|
||||
}),
|
||||
]).then(handleSuccess)
|
||||
}
|
||||
|
||||
function pack(config) {
|
||||
return new Promise((resolve, reject) => {
|
||||
const worker = new Worker(__filename)
|
||||
const subChannel = new MessageChannel()
|
||||
worker.postMessage({ port: subChannel.port1, config }, [subChannel.port1])
|
||||
subChannel.port2.on('message', ({ status, message }) => {
|
||||
switch (status) {
|
||||
case 'success': return resolve(message)
|
||||
case 'error': return reject(message)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function runPack(config) {
|
||||
return new Promise((resolve, reject) => {
|
||||
config = require(config)
|
||||
config.mode = 'production'
|
||||
webpack(config, (err, stats) => {
|
||||
if (err) reject(err.stack || err)
|
||||
else if (stats.hasErrors()) {
|
||||
let err = ''
|
||||
|
||||
stats.toString({
|
||||
chunks: false,
|
||||
modules: false,
|
||||
colors: true,
|
||||
})
|
||||
.split(/\r?\n/)
|
||||
.forEach(line => {
|
||||
err += ` ${line}\n`
|
||||
})
|
||||
|
||||
reject(err)
|
||||
} else {
|
||||
resolve(stats.toString({
|
||||
chunks: false,
|
||||
colors: true,
|
||||
}))
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
if (isMainThread) build()
|
||||
else {
|
||||
parentPort.once('message', ({ port, config }) => {
|
||||
// assert(port instanceof MessagePort)
|
||||
runPack(config).then((result) => {
|
||||
port.postMessage({
|
||||
status: 'success',
|
||||
message: result,
|
||||
})
|
||||
}).catch((err) => {
|
||||
port.postMessage({
|
||||
status: 'error',
|
||||
message: err,
|
||||
})
|
||||
}).finally(() => {
|
||||
port.close()
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
@@ -0,0 +1,152 @@
|
||||
const path = require('path')
|
||||
const { VueLoaderPlugin } = require('vue-loader')
|
||||
const HTMLPlugin = require('html-webpack-plugin')
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
||||
const ESLintPlugin = require('eslint-webpack-plugin')
|
||||
|
||||
const vueLoaderConfig = require('../vue-loader.config')
|
||||
const { mergeCSSLoader } = require('../utils')
|
||||
|
||||
const isDev = process.env.NODE_ENV === 'development'
|
||||
|
||||
module.exports = {
|
||||
target: 'electron-renderer',
|
||||
entry: {
|
||||
'renderer-lyric': path.join(__dirname, '../../src/renderer-lyric/main.ts'),
|
||||
},
|
||||
output: {
|
||||
filename: '[name].js',
|
||||
library: {
|
||||
type: 'commonjs2',
|
||||
},
|
||||
path: path.join(__dirname, '../../dist'),
|
||||
publicPath: '',
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'@root': path.join(__dirname, '../../src'),
|
||||
'@main': path.join(__dirname, '../../src/main'),
|
||||
'@renderer': path.join(__dirname, '../../src/renderer'),
|
||||
'@lyric': path.join(__dirname, '../../src/renderer-lyric'),
|
||||
'@static': path.join(__dirname, '../../src/static'),
|
||||
'@common': path.join(__dirname, '../../src/common'),
|
||||
},
|
||||
extensions: ['.tsx', '.ts', '.js', '.json', '.node'],
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.js$/,
|
||||
loader: 'babel-loader',
|
||||
exclude: /node_modules/,
|
||||
},
|
||||
{
|
||||
test: /\.tsx?$/,
|
||||
exclude: /node_modules/,
|
||||
use: {
|
||||
loader: 'ts-loader',
|
||||
options: {
|
||||
appendTsSuffixTo: [/\.vue$/],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.node$/,
|
||||
use: 'node-loader',
|
||||
},
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader',
|
||||
options: vueLoaderConfig,
|
||||
},
|
||||
{
|
||||
test: /\.pug$/,
|
||||
loader: 'pug-plain-loader',
|
||||
},
|
||||
{
|
||||
test: /\.css$/,
|
||||
oneOf: mergeCSSLoader(),
|
||||
},
|
||||
{
|
||||
test: /\.less$/,
|
||||
oneOf: mergeCSSLoader({
|
||||
loader: 'less-loader',
|
||||
options: {
|
||||
sourceMap: true,
|
||||
},
|
||||
}),
|
||||
},
|
||||
{
|
||||
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
|
||||
exclude: path.join(__dirname, '../../src/renderer/assets/svgs'),
|
||||
type: 'asset',
|
||||
parser: {
|
||||
dataUrlCondition: {
|
||||
maxSize: 10000,
|
||||
},
|
||||
},
|
||||
generator: {
|
||||
filename: 'imgs/[name]-[contenthash:8][ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.svg$/,
|
||||
include: path.join(__dirname, '../../src/renderer/assets/svgs'),
|
||||
use: [
|
||||
{
|
||||
loader: 'svg-sprite-loader',
|
||||
options: {
|
||||
symbolId: 'icon-[name]',
|
||||
},
|
||||
},
|
||||
'svg-transform-loader',
|
||||
'svgo-loader',
|
||||
],
|
||||
},
|
||||
{
|
||||
test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
|
||||
type: 'asset',
|
||||
parser: {
|
||||
dataUrlCondition: {
|
||||
maxSize: 10000,
|
||||
},
|
||||
},
|
||||
generator: {
|
||||
filename: 'media/[name]-[contenthash:8][ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
|
||||
type: 'asset',
|
||||
parser: {
|
||||
dataUrlCondition: {
|
||||
maxSize: 10000,
|
||||
},
|
||||
},
|
||||
generator: {
|
||||
filename: 'fonts/[name]-[contenthash:8][ext]',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
plugins: [
|
||||
new HTMLPlugin({
|
||||
filename: 'lyric.html',
|
||||
template: path.join(__dirname, '../../src/renderer-lyric/index.html'),
|
||||
isProd: process.env.NODE_ENV == 'production',
|
||||
browser: process.browser,
|
||||
__dirname,
|
||||
}),
|
||||
new VueLoaderPlugin(),
|
||||
new MiniCssExtractPlugin({
|
||||
// Options similar to the same options in webpackOptions.output
|
||||
// both options are optional
|
||||
filename: isDev ? '[name].css' : '[name].[contenthash:8].css',
|
||||
chunkFilename: isDev ? '[id].css' : '[id].[contenthash:8].css',
|
||||
}),
|
||||
new ESLintPlugin({
|
||||
extensions: ['js', 'vue'],
|
||||
formatter: require('eslint-formatter-friendly'),
|
||||
}),
|
||||
],
|
||||
}
|
||||
@@ -0,0 +1,26 @@
|
||||
const path = require('path')
|
||||
const webpack = require('webpack')
|
||||
|
||||
const { merge } = require('webpack-merge')
|
||||
|
||||
const baseConfig = require('./webpack.config.base')
|
||||
|
||||
module.exports = merge(baseConfig, {
|
||||
mode: 'development',
|
||||
devtool: 'eval-source-map',
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
NODE_ENV: '"development"',
|
||||
ELECTRON_DISABLE_SECURITY_WARNINGS: 'true',
|
||||
},
|
||||
__VUE_OPTIONS_API__: 'true',
|
||||
__VUE_PROD_DEVTOOLS__: 'false',
|
||||
staticPath: `"${path.join(__dirname, '../../src/static').replace(/\\/g, '\\\\')}"`,
|
||||
}),
|
||||
],
|
||||
performance: {
|
||||
hints: false,
|
||||
},
|
||||
})
|
||||
|
||||
@@ -0,0 +1,49 @@
|
||||
// const path = require('path')
|
||||
const webpack = require('webpack')
|
||||
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
|
||||
const TerserPlugin = require('terser-webpack-plugin')
|
||||
const { merge } = require('webpack-merge')
|
||||
|
||||
const baseConfig = require('./webpack.config.base')
|
||||
const buildConfig = require('../webpack-build-config')
|
||||
|
||||
// const { dependencies } = require('../../package.json')
|
||||
|
||||
// let whiteListedModules = ['vue']
|
||||
// let whiteListedModules = ['vue', 'vue-router', 'vuex', 'vue-i18n']
|
||||
|
||||
|
||||
module.exports = merge(baseConfig, {
|
||||
mode: 'production',
|
||||
devtool: false,
|
||||
externals: [
|
||||
// ...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d)),
|
||||
],
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
NODE_ENV: '"production"',
|
||||
},
|
||||
__VUE_OPTIONS_API__: 'true',
|
||||
__VUE_PROD_DEVTOOLS__: 'false',
|
||||
}),
|
||||
],
|
||||
optimization: {
|
||||
minimize: buildConfig.minimize,
|
||||
minimizer: [
|
||||
new TerserPlugin(),
|
||||
new CssMinimizerPlugin(),
|
||||
],
|
||||
},
|
||||
performance: {
|
||||
maxEntrypointSize: 1024 * 1024 * 10,
|
||||
maxAssetSize: 1024 * 1024 * 20,
|
||||
hints: 'warning',
|
||||
},
|
||||
node: {
|
||||
__dirname: false,
|
||||
__filename: false,
|
||||
},
|
||||
})
|
||||
|
||||
|
||||
@@ -0,0 +1,57 @@
|
||||
const path = require('path')
|
||||
const ESLintPlugin = require('eslint-webpack-plugin')
|
||||
|
||||
module.exports = {
|
||||
target: 'electron-renderer',
|
||||
entry: {
|
||||
'user-api-preload': path.join(__dirname, '../../src/main/modules/userApi/renderer/preload.js'),
|
||||
},
|
||||
output: {
|
||||
filename: '[name].js',
|
||||
library: {
|
||||
type: 'commonjs2',
|
||||
},
|
||||
path: path.join(__dirname, '../../dist'),
|
||||
publicPath: '',
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'@root': path.join(__dirname, '../../src'),
|
||||
'@main': path.join(__dirname, '../../src/main'),
|
||||
'@renderer': path.join(__dirname, '../../src/renderer'),
|
||||
'@lyric': path.join(__dirname, '../../src/renderer-lyric'),
|
||||
'@static': path.join(__dirname, '../../src/static'),
|
||||
'@common': path.join(__dirname, '../../src/common'),
|
||||
},
|
||||
extensions: ['.tsx', '.ts', '.js', '.json', '.node'],
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.js$/,
|
||||
loader: 'babel-loader',
|
||||
exclude: /node_modules/,
|
||||
},
|
||||
{
|
||||
test: /\.tsx?$/,
|
||||
exclude: /node_modules/,
|
||||
use: {
|
||||
loader: 'ts-loader',
|
||||
options: {
|
||||
appendTsSuffixTo: [/\.vue$/],
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.node$/,
|
||||
use: 'node-loader',
|
||||
},
|
||||
],
|
||||
},
|
||||
plugins: [
|
||||
new ESLintPlugin({
|
||||
extensions: ['js'],
|
||||
formatter: require('eslint-formatter-friendly'),
|
||||
}),
|
||||
],
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
const path = require('path')
|
||||
const webpack = require('webpack')
|
||||
|
||||
const { merge } = require('webpack-merge')
|
||||
|
||||
const baseConfig = require('./webpack.config.base')
|
||||
|
||||
module.exports = merge(baseConfig, {
|
||||
mode: 'development',
|
||||
devtool: 'eval-source-map',
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
NODE_ENV: '"development"',
|
||||
ELECTRON_DISABLE_SECURITY_WARNINGS: 'true',
|
||||
},
|
||||
staticPath: `"${path.join(__dirname, '../../src/static').replace(/\\/g, '\\\\')}"`,
|
||||
}),
|
||||
],
|
||||
performance: {
|
||||
hints: false,
|
||||
},
|
||||
})
|
||||
|
||||
@@ -0,0 +1,45 @@
|
||||
// const path = require('path')
|
||||
const webpack = require('webpack')
|
||||
const TerserPlugin = require('terser-webpack-plugin')
|
||||
const { merge } = require('webpack-merge')
|
||||
|
||||
const baseConfig = require('./webpack.config.base')
|
||||
const buildConfig = require('../webpack-build-config')
|
||||
|
||||
// const { dependencies } = require('../../package.json')
|
||||
|
||||
// let whiteListedModules = ['vue']
|
||||
// let whiteListedModules = ['vue', 'vue-router', 'vuex', 'vue-i18n']
|
||||
|
||||
|
||||
module.exports = merge(baseConfig, {
|
||||
mode: 'production',
|
||||
devtool: false,
|
||||
externals: [
|
||||
// ...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d)),
|
||||
],
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
NODE_ENV: '"production"',
|
||||
},
|
||||
}),
|
||||
],
|
||||
optimization: {
|
||||
minimize: buildConfig.minimize,
|
||||
minimizer: [
|
||||
new TerserPlugin(),
|
||||
],
|
||||
},
|
||||
performance: {
|
||||
maxEntrypointSize: 1024 * 1024 * 10,
|
||||
maxAssetSize: 1024 * 1024 * 20,
|
||||
hints: 'warning',
|
||||
},
|
||||
node: {
|
||||
__dirname: false,
|
||||
__filename: false,
|
||||
},
|
||||
})
|
||||
|
||||
|
||||
@@ -0,0 +1,158 @@
|
||||
const path = require('path')
|
||||
const { VueLoaderPlugin } = require('vue-loader')
|
||||
const HTMLPlugin = require('html-webpack-plugin')
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
||||
const ESLintPlugin = require('eslint-webpack-plugin')
|
||||
|
||||
const vueLoaderConfig = require('../vue-loader.config')
|
||||
const { mergeCSSLoader } = require('../utils')
|
||||
|
||||
const isDev = process.env.NODE_ENV === 'development'
|
||||
|
||||
module.exports = {
|
||||
target: 'electron-renderer',
|
||||
entry: {
|
||||
renderer: path.join(__dirname, '../../src/renderer/main.ts'),
|
||||
},
|
||||
output: {
|
||||
filename: '[name].js',
|
||||
library: {
|
||||
type: 'commonjs2',
|
||||
},
|
||||
path: path.join(__dirname, '../../dist'),
|
||||
publicPath: '',
|
||||
},
|
||||
resolve: {
|
||||
alias: {
|
||||
'@root': path.join(__dirname, '../../src'),
|
||||
'@main': path.join(__dirname, '../../src/main'),
|
||||
'@renderer': path.join(__dirname, '../../src/renderer'),
|
||||
'@lyric': path.join(__dirname, '../../src/renderer-lyric'),
|
||||
'@static': path.join(__dirname, '../../src/static'),
|
||||
'@common': path.join(__dirname, '../../src/common'),
|
||||
},
|
||||
extensions: ['.tsx', '.ts', '.js', '.json', '.node'],
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.js$/,
|
||||
loader: 'babel-loader',
|
||||
exclude: /node_modules/,
|
||||
},
|
||||
{
|
||||
test: /\.tsx?$/,
|
||||
exclude: /node_modules/,
|
||||
use: {
|
||||
loader: 'ts-loader',
|
||||
options: {
|
||||
appendTsSuffixTo: [/\.vue$/],
|
||||
},
|
||||
},
|
||||
parser: {
|
||||
worker: [
|
||||
'*audioContext.audioWorklet.addModule()',
|
||||
'...',
|
||||
],
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.node$/,
|
||||
use: 'node-loader',
|
||||
},
|
||||
{
|
||||
test: /\.vue$/,
|
||||
loader: 'vue-loader',
|
||||
options: vueLoaderConfig,
|
||||
},
|
||||
{
|
||||
test: /\.pug$/,
|
||||
loader: 'pug-plain-loader',
|
||||
},
|
||||
{
|
||||
test: /\.css$/,
|
||||
oneOf: mergeCSSLoader(),
|
||||
},
|
||||
{
|
||||
test: /\.less$/,
|
||||
oneOf: mergeCSSLoader({
|
||||
loader: 'less-loader',
|
||||
options: {
|
||||
sourceMap: true,
|
||||
},
|
||||
}),
|
||||
},
|
||||
{
|
||||
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
|
||||
exclude: path.join(__dirname, '../../src/renderer/assets/svgs'),
|
||||
type: 'asset',
|
||||
parser: {
|
||||
dataUrlCondition: {
|
||||
maxSize: 10000,
|
||||
},
|
||||
},
|
||||
generator: {
|
||||
filename: 'imgs/[name]-[contenthash:8][ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.svg$/,
|
||||
include: path.join(__dirname, '../../src/renderer/assets/svgs'),
|
||||
use: [
|
||||
{
|
||||
loader: 'svg-sprite-loader',
|
||||
options: {
|
||||
symbolId: 'icon-[name]',
|
||||
},
|
||||
},
|
||||
'svg-transform-loader',
|
||||
'svgo-loader',
|
||||
],
|
||||
},
|
||||
{
|
||||
test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)$/,
|
||||
type: 'asset',
|
||||
parser: {
|
||||
dataUrlCondition: {
|
||||
maxSize: 10000,
|
||||
},
|
||||
},
|
||||
generator: {
|
||||
filename: 'media/[name]-[contenthash:8][ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
|
||||
type: 'asset',
|
||||
parser: {
|
||||
dataUrlCondition: {
|
||||
maxSize: 10000,
|
||||
},
|
||||
},
|
||||
generator: {
|
||||
filename: 'fonts/[name]-[contenthash:8][ext]',
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
plugins: [
|
||||
new HTMLPlugin({
|
||||
filename: 'index.html',
|
||||
template: path.join(__dirname, '../../src/renderer/index.html'),
|
||||
isProd: process.env.NODE_ENV == 'production',
|
||||
browser: process.browser,
|
||||
__dirname,
|
||||
}),
|
||||
new VueLoaderPlugin(),
|
||||
new MiniCssExtractPlugin({
|
||||
// Options similar to the same options in webpackOptions.output
|
||||
// both options are optional
|
||||
filename: isDev ? '[name].css' : '[name].[contenthash:8].css',
|
||||
chunkFilename: isDev ? '[id].css' : '[id].[contenthash:8].css',
|
||||
}),
|
||||
new ESLintPlugin({
|
||||
extensions: ['js', 'vue'],
|
||||
formatter: require('eslint-formatter-friendly'),
|
||||
}),
|
||||
],
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
const path = require('path')
|
||||
const webpack = require('webpack')
|
||||
|
||||
const { merge } = require('webpack-merge')
|
||||
|
||||
const baseConfig = require('./webpack.config.base')
|
||||
|
||||
module.exports = merge(baseConfig, {
|
||||
mode: 'development',
|
||||
devtool: 'eval-source-map',
|
||||
plugins: [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
NODE_ENV: '"development"',
|
||||
ELECTRON_DISABLE_SECURITY_WARNINGS: 'true',
|
||||
},
|
||||
// ENVIRONMENT: 'process.env',
|
||||
__VUE_OPTIONS_API__: 'true',
|
||||
__VUE_PROD_DEVTOOLS__: 'false',
|
||||
staticPath: `"${path.join(__dirname, '../../src/static').replace(/\\/g, '\\\\')}"`,
|
||||
}),
|
||||
],
|
||||
performance: {
|
||||
hints: false,
|
||||
},
|
||||
})
|
||||
|
||||
@@ -0,0 +1,62 @@
|
||||
const path = require('path')
|
||||
const webpack = require('webpack')
|
||||
const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
|
||||
const TerserPlugin = require('terser-webpack-plugin')
|
||||
const CopyWebpackPlugin = require('copy-webpack-plugin')
|
||||
const { merge } = require('webpack-merge')
|
||||
|
||||
const baseConfig = require('./webpack.config.base')
|
||||
const buildConfig = require('../webpack-build-config')
|
||||
|
||||
// const { dependencies } = require('../../package.json')
|
||||
|
||||
// let whiteListedModules = ['vue', 'vue-router', 'vuex', 'vue-i18n']
|
||||
|
||||
|
||||
module.exports = merge(baseConfig, {
|
||||
mode: 'production',
|
||||
devtool: false,
|
||||
externals: [
|
||||
// ...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d)),
|
||||
],
|
||||
plugins: [
|
||||
new CopyWebpackPlugin({
|
||||
patterns: [
|
||||
{
|
||||
from: path.join(__dirname, '../../src/static'),
|
||||
to: path.join(__dirname, '../../dist/static'),
|
||||
},
|
||||
],
|
||||
}),
|
||||
new webpack.DefinePlugin({
|
||||
'process.env': {
|
||||
NODE_ENV: '"production"',
|
||||
},
|
||||
// ENVIRONMENT: 'process.env',
|
||||
__VUE_OPTIONS_API__: 'true',
|
||||
__VUE_PROD_DEVTOOLS__: 'false',
|
||||
}),
|
||||
],
|
||||
optimization: {
|
||||
minimize: buildConfig.minimize,
|
||||
minimizer: [
|
||||
new TerserPlugin(),
|
||||
new CssMinimizerPlugin(),
|
||||
],
|
||||
splitChunks: {
|
||||
chunks: 'initial',
|
||||
minChunks: 2,
|
||||
},
|
||||
},
|
||||
performance: {
|
||||
maxEntrypointSize: 1024 * 1024 * 10,
|
||||
maxAssetSize: 1024 * 1024 * 20,
|
||||
hints: 'warning',
|
||||
},
|
||||
node: {
|
||||
__dirname: false,
|
||||
__filename: false,
|
||||
},
|
||||
})
|
||||
|
||||
|
||||
+248
-1
@@ -1,3 +1,250 @@
|
||||
process.env.NODE_ENV = 'development'
|
||||
|
||||
require('./vite/runner-dev')
|
||||
const chalk = require('chalk')
|
||||
const electron = require('electron')
|
||||
const path = require('path')
|
||||
// const { say } = require('cfonts')
|
||||
const { spawn } = require('child_process')
|
||||
const webpack = require('webpack')
|
||||
const WebpackDevServer = require('webpack-dev-server')
|
||||
const HtmlWebpackPlugin = require('html-webpack-plugin')
|
||||
const webpackHotMiddleware = require('webpack-hot-middleware')
|
||||
|
||||
const mainConfig = require('./main/webpack.config.dev')
|
||||
const rendererConfig = require('./renderer/webpack.config.dev')
|
||||
const rendererLyricConfig = require('./renderer-lyric/webpack.config.dev')
|
||||
const rendererScriptConfig = require('./renderer-scripts/webpack.config.dev')
|
||||
const { Arch } = require('electron-builder')
|
||||
const replaceLib = require('./build-before-pack')
|
||||
|
||||
let electronProcess = null
|
||||
let manualRestart = false
|
||||
let hotMiddlewareRenderer
|
||||
let hotMiddlewareRendererLyric
|
||||
|
||||
|
||||
function startRenderer() {
|
||||
return new Promise((resolve, reject) => {
|
||||
// rendererConfig.entry.renderer = [path.join(__dirname, 'dev-client')].concat(rendererConfig.entry.renderer)
|
||||
// rendererConfig.mode = 'development'
|
||||
const compiler = webpack(rendererConfig)
|
||||
hotMiddlewareRenderer = webpackHotMiddleware(compiler, {
|
||||
log: false,
|
||||
heartbeat: 2500,
|
||||
})
|
||||
|
||||
compiler.hooks.compilation.tap('compilation', compilation => {
|
||||
// console.log(Object.keys(compilation.hooks))
|
||||
HtmlWebpackPlugin.getHooks(compilation).beforeEmit.tapAsync('html-webpack-plugin-after-emit', (data, cb) => {
|
||||
hotMiddlewareRenderer.publish({ action: 'reload' })
|
||||
cb()
|
||||
})
|
||||
})
|
||||
|
||||
// compiler.hooks.done.tap('done', stats => {
|
||||
// // logStats('Renderer', 'Compile done')
|
||||
// // logStats('Renderer', stats)
|
||||
// })
|
||||
|
||||
const server = new WebpackDevServer({
|
||||
port: 9080,
|
||||
hot: true,
|
||||
historyApiFallback: true,
|
||||
static: {
|
||||
directory: path.join(__dirname, '../src/common/theme/images'),
|
||||
publicPath: '/theme_images',
|
||||
},
|
||||
client: {
|
||||
logging: 'warn',
|
||||
overlay: true,
|
||||
},
|
||||
setupMiddlewares(middlewares, devServer) {
|
||||
devServer.app.use(hotMiddlewareRenderer)
|
||||
devServer.middleware.waitUntilValid(resolve)
|
||||
|
||||
return middlewares
|
||||
},
|
||||
}, compiler)
|
||||
|
||||
server.start()
|
||||
})
|
||||
}
|
||||
|
||||
function startRendererLyric() {
|
||||
return new Promise((resolve, reject) => {
|
||||
// rendererConfig.entry.renderer = [path.join(__dirname, 'dev-client')].concat(rendererConfig.entry.renderer)
|
||||
// rendererConfig.mode = 'development'
|
||||
const compiler = webpack(rendererLyricConfig)
|
||||
hotMiddlewareRendererLyric = webpackHotMiddleware(compiler, {
|
||||
log: false,
|
||||
heartbeat: 2500,
|
||||
})
|
||||
|
||||
compiler.hooks.compilation.tap('compilation', compilation => {
|
||||
// console.log(Object.keys(compilation.hooks))
|
||||
HtmlWebpackPlugin.getHooks(compilation).beforeEmit.tapAsync('html-webpack-plugin-after-emit', (data, cb) => {
|
||||
hotMiddlewareRendererLyric.publish({ action: 'reload' })
|
||||
cb()
|
||||
})
|
||||
})
|
||||
|
||||
// compiler.hooks.done.tap('done', stats => {
|
||||
// // logStats('Renderer', 'Compile done')
|
||||
// // logStats('Renderer', stats)
|
||||
// })
|
||||
|
||||
const server = new WebpackDevServer({
|
||||
port: 9081,
|
||||
hot: true,
|
||||
historyApiFallback: true,
|
||||
// static: {
|
||||
// directory: path.join(__dirname, '../'),
|
||||
// },
|
||||
client: {
|
||||
logging: 'warn',
|
||||
overlay: true,
|
||||
},
|
||||
setupMiddlewares(middlewares, devServer) {
|
||||
devServer.app.use(hotMiddlewareRenderer)
|
||||
devServer.middleware.waitUntilValid(resolve)
|
||||
return middlewares
|
||||
},
|
||||
}, compiler)
|
||||
|
||||
server.start()
|
||||
})
|
||||
}
|
||||
|
||||
function startRendererScripts() {
|
||||
return new Promise((resolve, reject) => {
|
||||
// mainConfig.entry.main = [path.join(__dirname, '../src/main/index.dev.js')].concat(mainConfig.entry.main)
|
||||
// mainConfig.mode = 'development'
|
||||
const compiler = webpack(rendererScriptConfig)
|
||||
|
||||
compiler.watch({}, (err, stats) => {
|
||||
if (err) {
|
||||
console.log(err)
|
||||
return
|
||||
}
|
||||
resolve()
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function startMain() {
|
||||
return new Promise((resolve, reject) => {
|
||||
// mainConfig.entry.main = [path.join(__dirname, '../src/main/index.dev.js')].concat(mainConfig.entry.main)
|
||||
// mainConfig.mode = 'development'
|
||||
const compiler = webpack(mainConfig)
|
||||
|
||||
compiler.hooks.watchRun.tapAsync('watch-run', (compilation, done) => {
|
||||
hotMiddlewareRenderer.publish({ action: 'compiling' })
|
||||
hotMiddlewareRendererLyric.publish({ action: 'compiling' })
|
||||
done()
|
||||
})
|
||||
|
||||
compiler.watch({}, (err, stats) => {
|
||||
if (err) {
|
||||
console.log(err)
|
||||
return
|
||||
}
|
||||
|
||||
// logStats('Main', stats)
|
||||
|
||||
if (electronProcess && electronProcess.kill) {
|
||||
manualRestart = true
|
||||
process.kill(electronProcess.pid)
|
||||
electronProcess = null
|
||||
startElectron()
|
||||
|
||||
setTimeout(() => {
|
||||
manualRestart = false
|
||||
}, 5000)
|
||||
}
|
||||
|
||||
resolve()
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
function startElectron() {
|
||||
let args = [
|
||||
'--inspect=5858',
|
||||
// 'NODE_ENV=development',
|
||||
path.join(__dirname, '../dist/main.js'),
|
||||
]
|
||||
|
||||
// detect yarn or npm and process commandline args accordingly
|
||||
if (process.env.npm_execpath.endsWith('yarn.js')) {
|
||||
args = args.concat(process.argv.slice(3))
|
||||
} else if (process.env.npm_execpath.endsWith('npm-cli.js')) {
|
||||
args = args.concat(process.argv.slice(2))
|
||||
}
|
||||
|
||||
electronProcess = spawn(electron, args)
|
||||
|
||||
electronProcess.stdout.on('data', data => {
|
||||
electronLog(data, 'blue')
|
||||
})
|
||||
electronProcess.stderr.on('data', data => {
|
||||
electronLog(data, 'red')
|
||||
})
|
||||
|
||||
electronProcess.on('close', () => {
|
||||
if (!manualRestart) process.exit()
|
||||
})
|
||||
}
|
||||
|
||||
const logs = [
|
||||
'Manifest version 2 is deprecated, and support will be removed in 2023',
|
||||
'"Extension server error: Operation failed: Permission denied", source: devtools://devtools/bundled',
|
||||
|
||||
// https://github.com/electron/electron/issues/32133
|
||||
'"Electron sandbox_bundle.js script failed to run"',
|
||||
'"TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator))",',
|
||||
]
|
||||
function electronLog(data, color) {
|
||||
let log = data.toString()
|
||||
if (/[0-9A-z]+/.test(log)) {
|
||||
// 抑制某些无关的报错日志
|
||||
if (color == 'red' && typeof log === 'string' && logs.some(l => log.includes(l))) return
|
||||
|
||||
console.log(chalk[color](log))
|
||||
}
|
||||
}
|
||||
|
||||
function init() {
|
||||
const Spinnies = require('spinnies')
|
||||
const spinners = new Spinnies({ color: 'blue' })
|
||||
spinners.add('main', { text: 'main compiling' })
|
||||
spinners.add('renderer', { text: 'renderer compiling' })
|
||||
spinners.add('renderer-lyric', { text: 'renderer-lyric compiling' })
|
||||
spinners.add('renderer-scripts', { text: 'renderer-scripts compiling' })
|
||||
function handleSuccess(name) {
|
||||
spinners.succeed(name, { text: name + ' compile success!' })
|
||||
}
|
||||
function handleFail(name) {
|
||||
spinners.fail(name, { text: name + ' compile fail!' })
|
||||
}
|
||||
replaceLib({ electronPlatformName: process.platform, arch: Arch[process.arch] })
|
||||
|
||||
Promise.all([
|
||||
startRenderer().then(() => handleSuccess('renderer')).catch((err) => {
|
||||
console.error(err.message)
|
||||
return handleFail('renderer')
|
||||
}),
|
||||
startRendererLyric().then(() => handleSuccess('renderer-lyric')).catch((err) => {
|
||||
console.error(err.message)
|
||||
return handleFail('renderer-lyric')
|
||||
}),
|
||||
startRendererScripts().then(() => handleSuccess('renderer-scripts')).catch((err) => {
|
||||
console.error(err.message)
|
||||
return handleFail('renderer-scripts')
|
||||
}),
|
||||
startMain().then(() => handleSuccess('main')).catch(() => handleFail('main')),
|
||||
]).then(startElectron).catch(err => {
|
||||
console.error(err)
|
||||
})
|
||||
}
|
||||
|
||||
init()
|
||||
|
||||
@@ -0,0 +1,65 @@
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
|
||||
const cssLoaderConfig = require('./css-loader.config')
|
||||
const chalk = require('chalk')
|
||||
|
||||
// merge css-loader
|
||||
exports.mergeCSSLoader = beforeLoader => {
|
||||
const loader = [
|
||||
// 这里匹配 `<style module>`
|
||||
{
|
||||
resourceQuery: /module/,
|
||||
use: [
|
||||
{
|
||||
loader: MiniCssExtractPlugin.loader,
|
||||
options: {
|
||||
esModule: false,
|
||||
},
|
||||
},
|
||||
{
|
||||
loader: 'css-loader',
|
||||
options: cssLoaderConfig,
|
||||
},
|
||||
'postcss-loader',
|
||||
],
|
||||
},
|
||||
// 这里匹配普通的 `<style>` 或 `<style scoped>`
|
||||
{
|
||||
use: [
|
||||
{
|
||||
loader: MiniCssExtractPlugin.loader,
|
||||
options: {
|
||||
esModule: false,
|
||||
},
|
||||
},
|
||||
'css-loader',
|
||||
'postcss-loader',
|
||||
],
|
||||
},
|
||||
]
|
||||
if (beforeLoader) {
|
||||
loader[0].use.push(beforeLoader)
|
||||
loader[1].use.push(beforeLoader)
|
||||
}
|
||||
return loader
|
||||
}
|
||||
|
||||
exports.logStats = (proc, data) => {
|
||||
let log = ''
|
||||
|
||||
log += chalk.yellow.bold(`${proc} Process：`)
|
||||
log += '\n'
|
||||
|
||||
if (typeof data === 'object') {
|
||||
data.toString({
|
||||
colors: true,
|
||||
chunks: false,
|
||||
}).split(/\r?\n/).forEach(line => {
|
||||
log += ' ' + line + '\n'
|
||||
})
|
||||
} else {
|
||||
log += ` ${data}\n`
|
||||
}
|
||||
|
||||
console.log(log)
|
||||
}
|
||||
|
||||
@@ -1,77 +0,0 @@
|
||||
import path from 'node:path'
|
||||
import type { UserConfig } from 'vite'
|
||||
import { builtinModules } from 'node:module'
|
||||
|
||||
const isProd = process.env.NODE_ENV == 'production'
|
||||
|
||||
const rootPath = path.join(__dirname, '../../../')
|
||||
|
||||
|
||||
const config: UserConfig = {
|
||||
mode: process.env.NODE_ENV == 'production' ? 'production' : 'development',
|
||||
root: path.join(rootPath, 'src/main'),
|
||||
base: './',
|
||||
publicDir: false,
|
||||
logLevel: 'warn',
|
||||
resolve: {
|
||||
alias: {
|
||||
'@root': path.join(rootPath, 'src'),
|
||||
'@common': path.join(rootPath, 'src/common'),
|
||||
'@static': path.join(__dirname, 'src/static'),
|
||||
'@main': path.join(rootPath, 'src/main'),
|
||||
},
|
||||
browserField: false,
|
||||
},
|
||||
build: {
|
||||
lib: {
|
||||
entry: `${isProd ? 'index.ts' : 'index-dev.ts'}`,
|
||||
formats: ['cjs'],
|
||||
fileName: 'main',
|
||||
},
|
||||
outDir: path.join(rootPath, 'dist/main'),
|
||||
emptyOutDir: true,
|
||||
reportCompressedSize: false,
|
||||
modulePreload: false,
|
||||
// assetsDir: 'chunks',
|
||||
minify: false,
|
||||
watch: {
|
||||
buildDelay: 500,
|
||||
},
|
||||
commonjsOptions: {
|
||||
dynamicRequireTargets: ['*.js'],
|
||||
ignoreDynamicRequires: true,
|
||||
},
|
||||
rollupOptions: {
|
||||
external: [
|
||||
'electron',
|
||||
'better-sqlite3',
|
||||
'font-list',
|
||||
'electron-font-manager',
|
||||
...builtinModules.flatMap(m => [m, `node:${m}`]),
|
||||
],
|
||||
input: {
|
||||
main: `src/main/${isProd ? 'index.ts' : 'index-dev.ts'}`,
|
||||
'dbService.worker': 'src/main/worker/dbService/index.ts',
|
||||
},
|
||||
output: {
|
||||
entryFileNames: '[name].js',
|
||||
chunkFileNames: '[name].js',
|
||||
format: 'cjs',
|
||||
// manualChunks(id, info) {
|
||||
// // return 'main'
|
||||
// },
|
||||
experimentalMinChunkSize: 50_000,
|
||||
},
|
||||
logLevel: 'warn',
|
||||
},
|
||||
},
|
||||
define: {
|
||||
'process.env.NODE_ENV': `"${process.env.NODE_ENV as string}"`,
|
||||
__STATIC_PATH__: `"${path.join(rootPath, 'src/static').replace(/\\/g, '\\\\')}"`,
|
||||
__USER_API_PATH__: `"${path.join(rootPath, 'src/main/modules/userApi').replace(/\\/g, '\\\\')}"`,
|
||||
__QRC_DECODE_NODE_PATH__: `"${(isProd ? '../../build/Release' : path.join(rootPath, 'build/Release')).replace(/\\/g, '\\\\')}"`,
|
||||
},
|
||||
cacheDir: path.join(rootPath, 'node_modules/.vite/main'),
|
||||
}
|
||||
|
||||
export default config
|
||||
@@ -1,28 +0,0 @@
|
||||
// const autoprefixer = require('autoprefixer')
|
||||
const pxtorem = require('postcss-pxtorem')
|
||||
|
||||
module.exports = {
|
||||
plugins: [
|
||||
pxtorem({
|
||||
rootValue: 16,
|
||||
unitPrecision: 5,
|
||||
propList: [
|
||||
'font', 'font-size',
|
||||
'letter-spacing',
|
||||
'padding', 'margin',
|
||||
'padding-*', 'margin-*',
|
||||
'height', 'width',
|
||||
'*-height', '*-width',
|
||||
'flex', '::-webkit-scrollbar',
|
||||
'top', 'left', 'bottom', 'right',
|
||||
'border-radius', 'gap',
|
||||
],
|
||||
selectorBlackList: ['html', 'ignore-to-rem'],
|
||||
replace: true,
|
||||
mediaQuery: false,
|
||||
minPixelValue: 0,
|
||||
exclude: [/node_modules/i],
|
||||
}),
|
||||
// autoprefixer(),
|
||||
],
|
||||
}
|
||||
@@ -1,74 +0,0 @@
|
||||
import path from 'node:path'
|
||||
import type { UserConfig } from 'vite'
|
||||
import { builtinModules } from 'node:module'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import renderer from 'vite-plugin-electron-renderer'
|
||||
import postcssConfig from './postcss.config'
|
||||
|
||||
// const isProd = process.env.NODE_ENV == 'production'
|
||||
const rootPath = path.join(__dirname, '../../../')
|
||||
|
||||
const external = ['electron', ...builtinModules.flatMap(m => [m, `node:${m}`])]
|
||||
|
||||
const config: UserConfig = {
|
||||
mode: process.env.NODE_ENV == 'production' ? 'production' : 'development',
|
||||
root: path.join(rootPath, 'src/renderer-lyric'),
|
||||
base: './',
|
||||
publicDir: false,
|
||||
logLevel: 'warn',
|
||||
resolve: {
|
||||
alias: {
|
||||
'@root': path.join(rootPath, 'src'),
|
||||
'@common': path.join(rootPath, 'src/common'),
|
||||
'@static': path.join(__dirname, 'src/static'),
|
||||
'@lyric': path.join(rootPath, 'src/renderer-lyric'),
|
||||
},
|
||||
browserField: true,
|
||||
},
|
||||
plugins: [vue(), renderer()],
|
||||
build: {
|
||||
target: 'esnext',
|
||||
outDir: path.join(rootPath, 'dist/renderer-lyric'),
|
||||
modulePreload: false,
|
||||
emptyOutDir: true,
|
||||
reportCompressedSize: false,
|
||||
assetsDir: './',
|
||||
// assetsDir: 'chunks',
|
||||
minify: false,
|
||||
watch: {
|
||||
buildDelay: 500,
|
||||
},
|
||||
rollupOptions: {
|
||||
external,
|
||||
input: {
|
||||
'renderer-lyric': 'src/renderer-lyric/index.html',
|
||||
},
|
||||
output: {
|
||||
entryFileNames: '[name].js',
|
||||
format: 'cjs',
|
||||
// manualChunks(id, info) {
|
||||
// return 'renderer'
|
||||
// },
|
||||
experimentalMinChunkSize: 50_000,
|
||||
},
|
||||
logLevel: 'warn',
|
||||
},
|
||||
},
|
||||
css: {
|
||||
postcss: postcssConfig,
|
||||
},
|
||||
optimizeDeps: {
|
||||
include: [],
|
||||
},
|
||||
define: {
|
||||
'process.env.NODE_ENV': `"${process.env.NODE_ENV as string}"`,
|
||||
'process.env.ELECTRON_DISABLE_SECURITY_WARNINGS': 'true',
|
||||
__STATIC_PATH__: `"${path.join(rootPath, 'src/static').replace(/\\/g, '\\\\')}"`,
|
||||
},
|
||||
server: {
|
||||
port: 9081,
|
||||
},
|
||||
cacheDir: path.join(rootPath, 'node_modules/.vite/renderer-lyric'),
|
||||
}
|
||||
|
||||
export default config
|
||||
@@ -1,61 +0,0 @@
|
||||
import path from 'node:path'
|
||||
import type { UserConfig } from 'vite'
|
||||
import { builtinModules } from 'node:module'
|
||||
|
||||
// const isProd = process.env.NODE_ENV == 'production'
|
||||
const rootPath = path.join(__dirname, '../../../')
|
||||
|
||||
const config: UserConfig = {
|
||||
mode: process.env.NODE_ENV,
|
||||
root: path.join(rootPath, 'src/main'),
|
||||
base: './',
|
||||
publicDir: false,
|
||||
logLevel: 'warn',
|
||||
resolve: {
|
||||
alias: {
|
||||
'@root': path.join(rootPath, 'src'),
|
||||
'@common': path.join(rootPath, 'src/common'),
|
||||
'@static': path.join(__dirname, 'src/static'),
|
||||
},
|
||||
browserField: true,
|
||||
},
|
||||
build: {
|
||||
lib: {
|
||||
entry: 'modules/userApi/renderer/preload.js',
|
||||
formats: ['cjs'],
|
||||
fileName: 'user-api-preload',
|
||||
},
|
||||
outDir: path.join(rootPath, 'dist/preload'),
|
||||
modulePreload: {
|
||||
polyfill: false,
|
||||
},
|
||||
emptyOutDir: true,
|
||||
reportCompressedSize: false,
|
||||
// assetsDir: 'chunks',
|
||||
minify: false,
|
||||
watch: {
|
||||
buildDelay: 500,
|
||||
},
|
||||
rollupOptions: {
|
||||
external: ['electron', ...builtinModules.flatMap(m => [m, `node:${m}`])],
|
||||
input: {
|
||||
'user-api-preload': 'src/main/modules/userApi/renderer/preload.js',
|
||||
},
|
||||
output: {
|
||||
entryFileNames: '[name].js',
|
||||
// manualChunks(id, info) {
|
||||
// // return 'main'
|
||||
// },
|
||||
experimentalMinChunkSize: 50_000,
|
||||
},
|
||||
logLevel: 'warn',
|
||||
},
|
||||
},
|
||||
define: {
|
||||
'process.env.NODE_ENV': `"${process.env.NODE_ENV as string}"`,
|
||||
__STATIC_PATH__: `"${path.join(rootPath, 'src/static').replace(/\\/g, '\\\\')}"`,
|
||||
},
|
||||
cacheDir: path.join(rootPath, 'node_modules/.vite/scripts'),
|
||||
}
|
||||
|
||||
export default config
|
||||
@@ -1,105 +0,0 @@
|
||||
import path from 'node:path'
|
||||
import type { UserConfig } from 'vite'
|
||||
import { builtinModules } from 'node:module'
|
||||
import vue from '@vitejs/plugin-vue'
|
||||
import renderer from 'vite-plugin-electron-renderer'
|
||||
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
|
||||
import postcssConfig from './postcss.config'
|
||||
|
||||
const isProd = process.env.NODE_ENV == 'production'
|
||||
const rootPath = path.join(__dirname, '../../../')
|
||||
|
||||
const external = ['electron', ...builtinModules.flatMap(m => [m, `node:${m}`])]
|
||||
|
||||
const config: UserConfig = {
|
||||
mode: process.env.NODE_ENV == 'production' ? 'production' : 'development',
|
||||
root: path.join(rootPath, 'src/renderer'),
|
||||
base: './',
|
||||
publicDir: isProd ? false : path.join(rootPath, 'src/common/theme'),
|
||||
logLevel: 'warn',
|
||||
resolve: {
|
||||
alias: {
|
||||
'@root': path.join(rootPath, 'src'),
|
||||
'@common': path.join(rootPath, 'src/common'),
|
||||
'@static': path.join(__dirname, 'src/static'),
|
||||
'@renderer': path.join(rootPath, 'src/renderer'),
|
||||
},
|
||||
browserField: true,
|
||||
},
|
||||
plugins: [
|
||||
vue(),
|
||||
renderer(),
|
||||
createSvgIconsPlugin({
|
||||
iconDirs: [path.join(rootPath, 'src/renderer/assets/svgs')],
|
||||
}),
|
||||
],
|
||||
build: {
|
||||
target: 'esnext',
|
||||
outDir: path.join(rootPath, 'dist/renderer'),
|
||||
modulePreload: false,
|
||||
emptyOutDir: true,
|
||||
reportCompressedSize: false,
|
||||
// assetsDir: 'chunks',
|
||||
assetsDir: './',
|
||||
minify: false,
|
||||
watch: {
|
||||
buildDelay: 500,
|
||||
},
|
||||
rollupOptions: {
|
||||
external,
|
||||
input: {
|
||||
renderer: 'src/renderer/index.html',
|
||||
},
|
||||
output: {
|
||||
entryFileNames: '[name].js',
|
||||
format: 'cjs',
|
||||
experimentalMinChunkSize: 50_000,
|
||||
// manualChunks: {
|
||||
// 'iconv-lite': ['iconv-lite'],
|
||||
// },
|
||||
},
|
||||
logLevel: 'warn',
|
||||
},
|
||||
commonjsOptions: {
|
||||
include: [
|
||||
/vendors/,
|
||||
/node_modules/,
|
||||
/utils\/musicMeta/,
|
||||
],
|
||||
},
|
||||
},
|
||||
css: {
|
||||
postcss: postcssConfig,
|
||||
},
|
||||
optimizeDeps: {
|
||||
// // exclude: [],
|
||||
include: [
|
||||
'@common/utils/musicMeta',
|
||||
'@renderer/utils/musicSdk/kg/vendors/infSign.min',
|
||||
],
|
||||
},
|
||||
define: {
|
||||
'process.env.NODE_ENV': `"${process.env.NODE_ENV as string}"`,
|
||||
'process.env.ELECTRON_DISABLE_SECURITY_WARNINGS': 'true',
|
||||
__STATIC_PATH__: `"${path.join(rootPath, 'src/static').replace(/\\/g, '\\\\')}"`,
|
||||
},
|
||||
server: {
|
||||
port: 9080,
|
||||
},
|
||||
worker: {
|
||||
plugins: [renderer()],
|
||||
rollupOptions: {
|
||||
output: {
|
||||
// entryFileNames: '[name].js',
|
||||
inlineDynamicImports: true,
|
||||
format: 'iife',
|
||||
experimentalMinChunkSize: 50_000,
|
||||
},
|
||||
logLevel: 'warn',
|
||||
},
|
||||
// format: 'es',
|
||||
},
|
||||
cacheDir: path.join(rootPath, 'node_modules/.vite/renderer'),
|
||||
}
|
||||
|
||||
export default config
|
||||
@@ -1,27 +0,0 @@
|
||||
import fs from 'node:fs'
|
||||
import path from 'node:path'
|
||||
|
||||
const rootPath = path.join(__dirname, '../../')
|
||||
|
||||
const assets = [
|
||||
[
|
||||
path.join(rootPath, './src/main/modules/userApi/renderer/user-api.html'),
|
||||
path.join(rootPath, './dist/main/user-api.html'),
|
||||
],
|
||||
[
|
||||
path.join(rootPath, './src/static'),
|
||||
path.join(rootPath, './dist/static'),
|
||||
],
|
||||
[
|
||||
path.join(rootPath, './src/common/theme/theme_images'),
|
||||
path.join(rootPath, './dist/renderer/theme_images'),
|
||||
],
|
||||
] as const
|
||||
|
||||
export default async() => {
|
||||
for (const [from, to] of assets) {
|
||||
await fs.promises.cp(from, to, {
|
||||
recursive: true,
|
||||
})
|
||||
}
|
||||
}
|
||||
@@ -1,62 +0,0 @@
|
||||
|
||||
import del from 'del'
|
||||
import Spinnies from 'spinnies'
|
||||
import { createLogger } from 'vite'
|
||||
import colors from 'picocolors'
|
||||
import { runBuildWorker, type TaksName } from './utils'
|
||||
// import rendererConfig from './configs/renderer'
|
||||
import copyAssets from './copyAssets'
|
||||
|
||||
const logger = createLogger('info')
|
||||
|
||||
const runMainThread = async() => {
|
||||
console.time('Build time')
|
||||
del.sync(['dist/**', 'build/**', 'node_modules/.vite/**'])
|
||||
|
||||
const noop = () => {}
|
||||
|
||||
|
||||
const spinners = new Spinnies({ color: 'blue' })
|
||||
spinners.add('renderer', { text: 'renderer compiling' })
|
||||
spinners.add('renderer-lyric', { text: 'renderer-lyric compiling' })
|
||||
spinners.add('renderer-scripts', { text: 'renderer-scripts compiling' })
|
||||
spinners.add('main', { text: 'main compiling' })
|
||||
const handleResult = (name: TaksName) => {
|
||||
return (success: boolean) => {
|
||||
if (success) {
|
||||
spinners.succeed(name, { text: name + ' compile success!' })
|
||||
} else {
|
||||
spinners.fail(name, { text: name + ' compile fail!' })
|
||||
}
|
||||
return success
|
||||
}
|
||||
}
|
||||
|
||||
const buildTasks = [
|
||||
runBuildWorker('renderer', noop).then(handleResult('renderer')),
|
||||
runBuildWorker('renderer-lyric', noop).then(handleResult('renderer-lyric')),
|
||||
runBuildWorker('renderer-scripts', noop).then(handleResult('renderer-scripts')),
|
||||
runBuildWorker('main', noop).then(handleResult('main')),
|
||||
// build(rendererConfig, noop).then(handleResult('renderer')),
|
||||
]
|
||||
|
||||
if (!await Promise.all(buildTasks).then((result) => result.every(s => s))) {
|
||||
console.timeEnd('Build time')
|
||||
throw new Error('Build failed')
|
||||
}
|
||||
|
||||
await copyAssets()
|
||||
|
||||
// listr.run().then(() => {
|
||||
|
||||
logger.info(colors.green('\nAll task build successfully'))
|
||||
// })
|
||||
console.timeEnd('Build time')
|
||||
}
|
||||
|
||||
void runMainThread().then(() => {
|
||||
process.exit(0)
|
||||
}).catch(err => {
|
||||
console.log(err)
|
||||
throw err
|
||||
})
|
||||
@@ -1,119 +0,0 @@
|
||||
import { type ChildProcessWithoutNullStreams, spawn } from 'node:child_process'
|
||||
import path from 'node:path'
|
||||
import colors from 'picocolors'
|
||||
import del from 'del'
|
||||
import electron from 'electron'
|
||||
import { createLogger } from 'vite'
|
||||
import { type TaksName, build, runBuildWorker } from './utils'
|
||||
import Spinnies from 'spinnies'
|
||||
import replaceLib from '../build-before-pack'
|
||||
import { Arch } from 'electron-builder'
|
||||
import mainConfig from './configs/main'
|
||||
|
||||
const logger = createLogger('info')
|
||||
|
||||
del.sync(['dist/**', 'node_modules/.vite/**'])
|
||||
|
||||
const logs = [
|
||||
'Manifest version 2 is deprecated, and support will be removed in 2023',
|
||||
'"Extension server error: Operation failed: Permission denied", source: devtools://devtools/bundled',
|
||||
|
||||
// https://github.com/electron/electron/issues/32133
|
||||
'"Electron sandbox_bundle.js script failed to run"',
|
||||
'"TypeError: object null is not iterable (cannot read property Symbol(Symbol.iterator))",',
|
||||
]
|
||||
function electronLog(data: Buffer, color: 'red' | 'blue') {
|
||||
let log = data.toString()
|
||||
if (/[0-9A-z]+/.test(log)) {
|
||||
// 抑制某些无关的报错日志
|
||||
if (color == 'red' && typeof log === 'string' && logs.some(l => log.includes(l))) return
|
||||
|
||||
logger.info(colors[color](log))
|
||||
}
|
||||
}
|
||||
export const runElectron = () => {
|
||||
let args = [
|
||||
'--inspect=5858',
|
||||
// 'NODE_ENV=development',
|
||||
path.join(__dirname, '../../dist/main/main.js'),
|
||||
]
|
||||
|
||||
// detect yarn or npm and process commandline args accordingly
|
||||
if (process.env.npm_execpath?.endsWith('yarn.js')) {
|
||||
args = args.concat(process.argv.slice(3))
|
||||
} else if (process.env.npm_execpath?.endsWith('npm-cli.js')) {
|
||||
args = args.concat(process.argv.slice(2))
|
||||
}
|
||||
|
||||
const electronProcess = spawn(electron as unknown as string, args)
|
||||
|
||||
electronProcess.stdout.on('data', data => {
|
||||
electronLog(data, 'blue')
|
||||
})
|
||||
electronProcess.stderr.on('data', data => {
|
||||
electronLog(data, 'red')
|
||||
})
|
||||
|
||||
electronProcess.on('close', () => {
|
||||
process.exit()
|
||||
})
|
||||
|
||||
return electronProcess
|
||||
}
|
||||
|
||||
const runMainThread = async() => {
|
||||
console.time('init')
|
||||
|
||||
// let server: ViteDevServer | undefined
|
||||
let electronProcess: ChildProcessWithoutNullStreams | undefined
|
||||
|
||||
const noop = () => {}
|
||||
const handleUpdate = () => {
|
||||
logger.info(colors.green('\nrebuild the electron main process successfully'))
|
||||
|
||||
if (electronProcess) {
|
||||
electronProcess.removeAllListeners()
|
||||
electronProcess.kill()
|
||||
}
|
||||
|
||||
electronProcess = runElectron()
|
||||
logger.info(colors.green('\nrestart electron app...'))
|
||||
}
|
||||
|
||||
const spinners = new Spinnies({ color: 'blue' })
|
||||
spinners.add('renderer', { text: 'renderer compiling' })
|
||||
spinners.add('renderer-lyric', { text: 'renderer-lyric compiling' })
|
||||
spinners.add('renderer-scripts', { text: 'renderer-scripts compiling' })
|
||||
spinners.add('main', { text: 'main compiling' })
|
||||
const handleResult = (name: TaksName) => {
|
||||
return (success: boolean) => {
|
||||
if (success) {
|
||||
spinners.succeed(name, { text: name + ' compile success!' })
|
||||
} else {
|
||||
spinners.fail(name, { text: name + ' compile fail!' })
|
||||
}
|
||||
return success
|
||||
}
|
||||
}
|
||||
|
||||
const buildTasks = [
|
||||
runBuildWorker('renderer', noop).then(handleResult('renderer')),
|
||||
runBuildWorker('renderer-lyric', noop).then(handleResult('renderer-lyric')),
|
||||
runBuildWorker('renderer-scripts', handleUpdate).then(handleResult('renderer-scripts')),
|
||||
replaceLib({ electronPlatformName: process.platform, arch: Arch[process.arch as any] }).then(async() => {
|
||||
return build(mainConfig, handleUpdate).then(handleResult('main'))
|
||||
}),
|
||||
]
|
||||
|
||||
if (!await Promise.all(buildTasks).then((result) => result.every(s => s))) return
|
||||
// listr.run().then(() => {
|
||||
electronProcess = runElectron()
|
||||
|
||||
logger.info(colors.green('\nAll task build successfully'))
|
||||
// })
|
||||
console.timeEnd('init')
|
||||
}
|
||||
|
||||
void runMainThread()
|
||||
|
||||
|
||||
@@ -1,140 +0,0 @@
|
||||
import path from 'node:path'
|
||||
import { Worker, MessageChannel } from 'worker_threads'
|
||||
import {
|
||||
type UserConfig,
|
||||
mergeConfig,
|
||||
build as viteBuild,
|
||||
createServer,
|
||||
} from 'vite'
|
||||
|
||||
export type BuildSuatus = 'success' | 'error' | 'updated'
|
||||
export type TaksName = 'main' | 'renderer' | 'renderer-lyric' | 'renderer-scripts'
|
||||
|
||||
/**
|
||||
* build code
|
||||
* @param config vite config
|
||||
* @param onUpdated new build event
|
||||
* @returns is success
|
||||
*/
|
||||
export const build = async(config: UserConfig, onUpdated: () => void): Promise<boolean> => {
|
||||
if (config.mode == 'production') {
|
||||
if (config.build) config.build.watch = null
|
||||
return viteBuild(config).then((output) => {
|
||||
// output
|
||||
// console.log(output)
|
||||
return true
|
||||
})
|
||||
}
|
||||
|
||||
return config.server
|
||||
? createBuildServer(config, onUpdated)
|
||||
: buildDev(config, onUpdated)
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* build code in dev
|
||||
* @param config vite config
|
||||
* @param onUpdated new build event
|
||||
* @returns is success
|
||||
*/
|
||||
const buildDev = async(config: UserConfig, onUpdated: () => void) => {
|
||||
return new Promise<boolean>(resolve => {
|
||||
let firstBundle = true
|
||||
let isError = false
|
||||
config = mergeConfig(config, {
|
||||
plugins: [
|
||||
{
|
||||
name: 'vite:file-watcher',
|
||||
buildEnd(err?: Error) {
|
||||
// console.log('buildEnd', err !== undefined, err)
|
||||
isError = err !== undefined
|
||||
},
|
||||
closeBundle() {
|
||||
// console.log('closeBundle')
|
||||
if (firstBundle) {
|
||||
firstBundle = false
|
||||
resolve(!isError)
|
||||
} else {
|
||||
if (isError) return
|
||||
onUpdated()
|
||||
}
|
||||
},
|
||||
},
|
||||
],
|
||||
})
|
||||
|
||||
void viteBuild(config)
|
||||
})
|
||||
}
|
||||
|
||||
export const createBuildServer = async(config: UserConfig, onUpdated: () => void) => {
|
||||
return new Promise<boolean>(resolve => {
|
||||
let firstBundle = true
|
||||
let isError = false
|
||||
void createServer({
|
||||
...mergeConfig(config, {
|
||||
plugins: [
|
||||
{
|
||||
name: 'vite:file-watcher',
|
||||
buildEnd(err?: Error) {
|
||||
// console.log('buildEnd', err !== undefined, err)
|
||||
isError = err !== undefined
|
||||
},
|
||||
closeBundle() {
|
||||
// console.log('closeBundle')
|
||||
if (firstBundle) {
|
||||
firstBundle = false
|
||||
// resolve(!isError)
|
||||
} else {
|
||||
if (isError) return
|
||||
onUpdated()
|
||||
}
|
||||
},
|
||||
},
|
||||
],
|
||||
}),
|
||||
configFile: false,
|
||||
}).then(async server => {
|
||||
return server.listen().then(() => {
|
||||
resolve(true)
|
||||
})
|
||||
}).catch((error) => {
|
||||
console.log(error)
|
||||
resolve(false)
|
||||
})
|
||||
|
||||
// return build(config, () => {
|
||||
// // server.ws.send({ type: 'full-reload' })
|
||||
// onUpdated()
|
||||
// })
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* build code in worker
|
||||
* @param config vite config
|
||||
* @param onUpdated new build event
|
||||
* @returns is success
|
||||
*/
|
||||
export const runBuildWorker = async(taskName: TaksName, onUpdated: () => void) => new Promise<boolean>((resolve) => {
|
||||
const worker = new Worker(path.resolve(__dirname, './worker.ts'), {
|
||||
execArgv: ['--require', 'ts-node/register'],
|
||||
})
|
||||
const subChannel = new MessageChannel()
|
||||
worker.postMessage({ port: subChannel.port1, taskName }, [subChannel.port1])
|
||||
subChannel.port2.on('message', ({ status }: { status: BuildSuatus }) => {
|
||||
// console.log(status)
|
||||
switch (status) {
|
||||
case 'updated':
|
||||
onUpdated()
|
||||
break
|
||||
case 'success':
|
||||
resolve(true)
|
||||
break
|
||||
case 'error':
|
||||
resolve(false)
|
||||
break
|
||||
}
|
||||
})
|
||||
})
|
||||
@@ -1,33 +0,0 @@
|
||||
import { parentPort, type MessagePort } from 'node:worker_threads'
|
||||
import { type TaksName, build } from './utils'
|
||||
|
||||
import mainConfig from './configs/main'
|
||||
import rendererConfig from './configs/renderer'
|
||||
import rendererLyricConfig from './configs/renderer-lyric'
|
||||
import rendererScriptConfig from './configs/renderer-scripts'
|
||||
|
||||
const configs = {
|
||||
main: mainConfig,
|
||||
renderer: rendererConfig,
|
||||
'renderer-lyric': rendererLyricConfig,
|
||||
'renderer-scripts': rendererScriptConfig,
|
||||
}
|
||||
|
||||
if (!parentPort) throw new Error('Require run in worker')
|
||||
|
||||
parentPort.once('message', ({ port, taskName }: {
|
||||
port: MessagePort
|
||||
taskName: TaksName
|
||||
}) => {
|
||||
// assert(port instanceof MessagePort)
|
||||
const sendStatus = () => {
|
||||
port.postMessage({
|
||||
status: 'updated',
|
||||
})
|
||||
}
|
||||
void build(configs[taskName], sendStatus).then((status) => {
|
||||
port.postMessage({
|
||||
status: status ? 'success' : 'error',
|
||||
})
|
||||
})
|
||||
})
|
||||
@@ -0,0 +1,12 @@
|
||||
const isDev = process.env.NODE_ENV === 'development'
|
||||
|
||||
module.exports = {
|
||||
// preserveWhitepace: true,
|
||||
compilerOptions: {
|
||||
whitespace: 'preserve',
|
||||
},
|
||||
extractCSS: !isDev,
|
||||
// cssModules: {
|
||||
// localIndetName: '',
|
||||
// },
|
||||
}
|
||||
@@ -0,0 +1,3 @@
|
||||
module.exports = {
|
||||
minimize: false,
|
||||
}
|
||||
Reference in New Issue
Block a user