125 lines
2.1 KiB
JavaScript
125 lines
2.1 KiB
JavaScript
const path = require("path")
|
|
const webpack = require("webpack")
|
|
|
|
|
|
const baseConfig = {
|
|
output: {
|
|
path: path.resolve(__dirname, "./build"),
|
|
filename: "[name].bundle.js",
|
|
sourceMapFilename: "[file].map"
|
|
},
|
|
resolve: {
|
|
alias: {
|
|
"react": "inferno-compat",
|
|
"react-dom": "inferno-compat"
|
|
}
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.jsx?$/,
|
|
include: [
|
|
path.resolve(__dirname, "./src")
|
|
],
|
|
loader: "babel-loader"
|
|
},
|
|
{
|
|
test: /\.(png|jpg|gif)$/,
|
|
use: [
|
|
{
|
|
loader: 'url-loader',
|
|
options: {
|
|
limit: 8192
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
test: /\.html$/,
|
|
use: [
|
|
{
|
|
loader: "file-loader",
|
|
options: {
|
|
name: "[name].[ext]"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
}
|
|
|
|
|
|
// targets
|
|
const runtime = () => Object.assign({ }, baseConfig, {
|
|
target: "web",
|
|
entry: {
|
|
runtime: path.resolve("src/runtime.js")
|
|
},
|
|
output: {
|
|
path: path.resolve("build/static"),
|
|
filename: "[name].bundle.js",
|
|
sourceMapFilename: "[file].map"
|
|
}
|
|
})
|
|
|
|
const index = () => Object.assign({ }, baseConfig, {
|
|
target: "node",
|
|
entry: {
|
|
index: path.resolve("src/index.js")
|
|
},
|
|
output: {
|
|
path: path.resolve("build"),
|
|
filename: "index.js",
|
|
sourceMapFilename: "index.map",
|
|
library: "homepage",
|
|
libraryTarget: "umd"
|
|
},
|
|
node: {
|
|
__dirname: false,
|
|
__filename: false,
|
|
}
|
|
})
|
|
|
|
// decorators
|
|
const production = config => Object.assign({ }, config(), {
|
|
plugins: [
|
|
new webpack.DefinePlugin({
|
|
'process.env':{
|
|
'NODE_ENV': JSON.stringify('production')
|
|
}
|
|
}),
|
|
new webpack.optimize.UglifyJsPlugin({
|
|
compress:{
|
|
warnings: true
|
|
}
|
|
})
|
|
]
|
|
})
|
|
|
|
const development = config => Object.assign({ }, config(), {
|
|
devServer: {
|
|
historyApiFallback: true,
|
|
stats: 'errors-only',
|
|
|
|
host: process.env.HOST,
|
|
port: 3000,
|
|
compress: true,
|
|
overlay: true,
|
|
hot: true,
|
|
contentBase: path.resolve(__dirname, "build")
|
|
},
|
|
devtool: "source-map",
|
|
plugins: [
|
|
new webpack.HotModuleReplacementPlugin(),
|
|
]
|
|
})
|
|
|
|
module.exports = env => {
|
|
if (env === 'production') {
|
|
return [production(index), production(runtime)]
|
|
} else {
|
|
return [development(index), development(runtime)]
|
|
}
|
|
}
|