npmrun
4 years ago
12 changed files with 9000 additions and 5435 deletions
@ -0,0 +1,14 @@ |
|||
{ |
|||
"comments": false, |
|||
"env": { |
|||
"main": { |
|||
"presets": [ |
|||
["env", { |
|||
"targets": { "node": 7 } |
|||
}], |
|||
"stage-0" |
|||
] |
|||
} |
|||
}, |
|||
"plugins": ["@babel/plugin-transform-runtime"] |
|||
} |
|||
@ -0,0 +1,7 @@ |
|||
https://www.jianshu.com/p/4699b825d285 |
|||
|
|||
|
|||
// // 指定了就出不来了，官网的解释是：No need to specify which files to include in the app |
|||
// "files": [ |
|||
// "dist/electron/**/*" |
|||
// ], |
|||
@ -0,0 +1,5 @@ |
|||
{ |
|||
"name": "my-electron-app", |
|||
"version": "1.0.0", |
|||
"lockfileVersion": 1 |
|||
} |
|||
@ -0,0 +1,12 @@ |
|||
{ |
|||
"name": "my-electron-app", |
|||
"version": "1.0.0", |
|||
"description": "description", |
|||
"main": "./electron/entry.js", |
|||
"scripts": {}, |
|||
"keywords": [], |
|||
"author": "TopOne", |
|||
"license": "ISC", |
|||
"devDependencies": {}, |
|||
"dependencies": {} |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,146 @@ |
|||
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 webpackHotMiddleware = require('webpack-hot-middleware')
|
|||
|
|||
const mainConfig = require('./webpack.main.config') |
|||
// const rendererConfig = require('./webpack.renderer.config')
|
|||
|
|||
let electronProcess = null |
|||
let manualRestart = false |
|||
// let hotMiddleware
|
|||
|
|||
function logStats (proc, data) { |
|||
let log = '' |
|||
|
|||
log += chalk.yellow.bold(`┏ ${proc} Process ${new Array((19 - proc.length) + 1).join('-')}`) |
|||
log += '\n\n' |
|||
|
|||
if (typeof data === 'object') { |
|||
data.toString({ |
|||
colors: true, |
|||
chunks: false |
|||
}).split(/\r?\n/).forEach(line => { |
|||
log += ' ' + line + '\n' |
|||
}) |
|||
} else { |
|||
log += ` ${data}\n` |
|||
} |
|||
|
|||
log += '\n' + chalk.yellow.bold(`┗ ${new Array(28 + 1).join('-')}`) + '\n' |
|||
|
|||
console.log(log) |
|||
} |
|||
|
|||
function buildMain () { |
|||
return new Promise((resolve, reject) => { |
|||
mainConfig.mode = 'production' |
|||
webpack(mainConfig, (err, stats) => { |
|||
if (err) reject(err.stack || err) |
|||
else if (stats.hasErrors()) { |
|||
let err = '' |
|||
|
|||
stats.toString({ |
|||
chunks: false, |
|||
colors: true |
|||
}) |
|||
.split(/\r?\n/) |
|||
.forEach(line => { |
|||
err += ` ${line}\n` |
|||
}) |
|||
|
|||
reject(err) |
|||
} else { |
|||
resolve(stats.toString({ |
|||
chunks: false, |
|||
colors: true |
|||
})) |
|||
} |
|||
}) |
|||
}) |
|||
} |
|||
function startMain (callback) { |
|||
return new Promise((resolve, reject) => { |
|||
mainConfig.entry.main = [path.join(__dirname, '../../src/main/index.ts')]//.concat(mainConfig.entry.main)
|
|||
mainConfig.mode = 'development' |
|||
const compiler = webpack(mainConfig) |
|||
|
|||
compiler.hooks.watchRun.tapAsync('watch-run', (compilation, done) => { |
|||
logStats('Main', chalk.white.bold('compiling...')) |
|||
// hotMiddleware.publish({ action: 'compiling' })
|
|||
done() |
|||
}) |
|||
|
|||
compiler.watch({}, (err, stats) => { |
|||
if (err) { |
|||
console.log(err) |
|||
return |
|||
} |
|||
|
|||
logStats('Main', stats) |
|||
|
|||
callback && callback() |
|||
|
|||
resolve() |
|||
}) |
|||
}) |
|||
} |
|||
module.exports = { |
|||
startMain, |
|||
buildMain, |
|||
} |
|||
|
|||
|
|||
function electronLog (data, color) { |
|||
let log = '' |
|||
data = data.toString().split(/\r?\n/) |
|||
data.forEach(line => { |
|||
log += ` ${line}\n` |
|||
}) |
|||
if (/[0-9A-z]+/.test(log)) { |
|||
console.log( |
|||
chalk[color].bold('┏ Electron -------------------') + |
|||
'\n\n' + |
|||
log + |
|||
chalk[color].bold('┗ ----------------------------') + |
|||
'\n' |
|||
) |
|||
} |
|||
} |
|||
|
|||
function greeting () { |
|||
const cols = process.stdout.columns |
|||
let text = '' |
|||
|
|||
if (cols > 104) text = 'electron-vue' |
|||
else if (cols > 76) text = 'electron-|vue' |
|||
else text = false |
|||
|
|||
if (text) { |
|||
say(text, { |
|||
colors: ['yellow'], |
|||
font: 'simple3d', |
|||
space: false |
|||
}) |
|||
} else console.log(chalk.yellow.bold('\n electron-vue')) |
|||
console.log(chalk.blue(' getting ready...') + '\n') |
|||
} |
|||
|
|||
|
|||
// function init () {
|
|||
// greeting()
|
|||
// startMain()
|
|||
// Promise.all([startRenderer(), startMain()])
|
|||
// .then(() => {
|
|||
// startElectron()
|
|||
// })
|
|||
// .catch(err => {
|
|||
// console.error(err)
|
|||
// })
|
|||
// }
|
|||
|
|||
// init()
|
|||
@ -0,0 +1,67 @@ |
|||
'use strict' |
|||
|
|||
process.env.BABEL_ENV = 'main' |
|||
|
|||
const path = require('path') |
|||
const { dependencies } = require('../../package.json') |
|||
const webpack = require('webpack') |
|||
|
|||
const MinifyPlugin = require("babel-minify-webpack-plugin") |
|||
|
|||
let mainConfig = { |
|||
entry: { |
|||
main: path.join(__dirname, '../../src/main/index.ts') |
|||
}, |
|||
externals: [ |
|||
...Object.keys(dependencies || {}) |
|||
], |
|||
module: { |
|||
rules: [ |
|||
// { test: /\.ts?$/, loader: "ts-loader", exclude: /node_modules/ },
|
|||
{ |
|||
test: /\.js$/, |
|||
use: ['babel-loader'], |
|||
exclude: /node_modules/ |
|||
}, |
|||
{ |
|||
test: /\.node$/, |
|||
use: 'node-loader' |
|||
} |
|||
] |
|||
}, |
|||
// https://www.webpackjs.com/configuration/node/
|
|||
node: { |
|||
// __dirname: process.env.NODE_ENV !== 'production', // 不转化为字符串
|
|||
// __filename: process.env.NODE_ENV !== 'production' // 不转化为字符串
|
|||
}, |
|||
output: { |
|||
filename: 'entry.js', // [name]
|
|||
libraryTarget: 'commonjs2', |
|||
path: path.join(__dirname, '../../dist/electron') |
|||
}, |
|||
plugins: [ |
|||
new webpack.NoEmitOnErrorsPlugin() |
|||
], |
|||
resolve: { |
|||
alias: { |
|||
"@": path.join(__dirname, "../../src/render"), |
|||
"@render": path.join(__dirname, "../../src/render"), |
|||
"@main": path.join(__dirname, "../../src/main"), |
|||
"@src": path.join(__dirname, "../../src"), |
|||
"@root": path.join(__dirname, "../../"), |
|||
}, |
|||
extensions: ['.js', '.json', '.node', '.ts'] |
|||
}, |
|||
target: 'electron-main' |
|||
} |
|||
|
|||
/** |
|||
* Adjust mainConfig for production settings |
|||
*/ |
|||
if (process.env.NODE_ENV === 'production') { |
|||
mainConfig.plugins.push( |
|||
new MinifyPlugin() |
|||
) |
|||
} |
|||
|
|||
module.exports = mainConfig |
|||
Loading…
Reference in new issue