mcanvas
Version:
the image-composer or image-croper that can draw image/text/watermark or crop the image.
60 lines (55 loc) • 1.54 kB
JavaScript
const path = require("path");
const HtmlWebpackPlugin = require('html-webpack-plugin');
const WebpackShellPlugin = require('webpack-shell-plugin');
const merge = require('webpack-merge');
const os = require('os');
const baseConfig = require('./webpack.base')
const resolve = filePath => path.resolve(__dirname, filePath)
const env = process.env.ENV
// web-server 配置IP；
const ifaces = os.networkInterfaces();
let devHost = '0.0.0.0';
let port = 9000;
Object.keys(ifaces).forEach(key => {
for (let i in ifaces[key]) {
if (ifaces[key][i].family === 'IPv4' &&
/^(192|172)\./.test(ifaces[key][i].address)) {
devHost = ifaces[key][i].address;
}
}
});
const config = {
mode: 'development',
entry: [
resolve(`../example/${env}.ts`),
],
output: {
path: resolve('../example/dist'),
filename: `${env}.js`,
},
plugins: [],
}
if (env === 'web') {
config.plugins.push(new HtmlWebpackPlugin({
inject: true,
template: resolve('../example/index.html'),
}))
config.devServer = {
contentBase: resolve('../example/dist'),
compress: false,
port: port,
open: true,
host: devHost,
writeToDisk: true,
}
} else {
config.target = 'node'
config.node = {
__filename: false,
__dirname: true,
}
config.plugins.push(new WebpackShellPlugin({
onBuildEnd: [`nodemon ./example/dist/${env}.js --watch`]
}),)
}
module.exports = merge(baseConfig, config)