- Separate building flake-info into a new workflow that's triggered on push and on relevant pull requests - Move frontend-related files into a `frontend` subdirectory
189 lines
6.2 KiB
JavaScript
189 lines
6.2 KiB
JavaScript
const path = require("path");
|
|
const webpack = require("webpack");
|
|
const merge = require("webpack-merge");
|
|
|
|
const ClosurePlugin = require('closure-webpack-plugin');
|
|
const CopyWebpackPlugin = require("copy-webpack-plugin");
|
|
const HTMLWebpackPlugin = require("html-webpack-plugin");
|
|
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
|
|
// to extract the css as a separate file
|
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
|
|
var MODE =
|
|
process.env.npm_lifecycle_event === "prod" ? "production" : "development";
|
|
var withDebug = !process.env["npm_config_nodebug"] && MODE == "development";
|
|
// this may help for Yarn users
|
|
// var withDebug = !npmParams.includes("--nodebug");
|
|
console.log('\x1b[36m%s\x1b[0m', `** elm-webpack-starter: mode "${MODE}", withDebug: ${withDebug}\n`);
|
|
|
|
var common = {
|
|
mode: MODE,
|
|
entry: "./src/index.js",
|
|
output: {
|
|
path: path.join(__dirname, "dist"),
|
|
publicPath: "/",
|
|
// FIXME webpack -p automatically adds hash when building for production
|
|
filename: MODE == "production" ? "[name]-[hash].js" : "index.js"
|
|
},
|
|
plugins: [
|
|
new webpack.EnvironmentPlugin([
|
|
"ELASTICSEARCH_MAPPING_SCHEMA_VERSION"
|
|
]),
|
|
new HTMLWebpackPlugin({
|
|
// Use this template to get basic responsive meta tags
|
|
template: "src/index.html",
|
|
// inject details of output file at end of body
|
|
inject: "body"
|
|
})
|
|
],
|
|
resolve: {
|
|
modules: [path.join(__dirname, "src"), "node_modules"],
|
|
extensions: [".js", ".elm", ".scss", ".png", ".xml"]
|
|
},
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.js$/,
|
|
exclude: /node_modules/,
|
|
use: {
|
|
loader: "babel-loader"
|
|
}
|
|
},
|
|
{
|
|
test: /\.less$/,
|
|
exclude: [/elm-stuff/, /node_modules/],
|
|
// see https://github.com/webpack-contrib/css-loader#url
|
|
loaders: ["style-loader", "css-loader?url=false", "less-loader"]
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
exclude: [/elm-stuff/, /node_modules/],
|
|
loaders: ["style-loader", "css-loader?url=false"]
|
|
},
|
|
{
|
|
test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
|
exclude: [/elm-stuff/, /node_modules/],
|
|
loader: "url-loader",
|
|
options: {
|
|
limit: 10000,
|
|
mimetype: "application/font-woff"
|
|
}
|
|
},
|
|
{
|
|
test: /\.(ttf|eot|svg|xml)(\?v=[0-9]\.[0-9]\.[0-9])?$/,
|
|
exclude: [/elm-stuff/, /node_modules/],
|
|
loader: "file-loader"
|
|
},
|
|
{
|
|
test: /\.(jpe?g|png|gif|svg)$/i,
|
|
exclude: [/elm-stuff/, /node_modules/],
|
|
loader: "file-loader"
|
|
}
|
|
]
|
|
}
|
|
};
|
|
|
|
if (MODE === "development") {
|
|
module.exports = merge(common, {
|
|
plugins: [
|
|
// Suggested for hot-loading
|
|
new webpack.NamedModulesPlugin(),
|
|
// Prevents compilation errors causing the hot loader to lose state
|
|
new webpack.NoEmitOnErrorsPlugin()
|
|
],
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.elm$/,
|
|
exclude: [/elm-stuff/, /node_modules/],
|
|
use: [
|
|
{ loader: "elm-hot-webpack-loader" },
|
|
{
|
|
loader: "elm-webpack-loader",
|
|
options: {
|
|
// add Elm's debug overlay to output
|
|
debug: withDebug,
|
|
//
|
|
forceWatch: true
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
devServer: {
|
|
inline: true,
|
|
stats: "errors-only",
|
|
contentBase: path.join(__dirname, "src/assets"),
|
|
historyApiFallback: true,
|
|
// feel free to delete this section if you don't need anything like this
|
|
before(app) {
|
|
// on port 3000
|
|
app.get("/test", function(req, res) {
|
|
res.json({ result: "OK" });
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}
|
|
if (MODE === "production") {
|
|
module.exports = merge(common, {
|
|
//optimization: {
|
|
// minimizer: [
|
|
// new ClosurePlugin({mode: 'STANDARD'}, {})
|
|
// ]
|
|
//},
|
|
plugins: [
|
|
// Delete everything from output-path (/dist) and report to user
|
|
new CleanWebpackPlugin({
|
|
root: __dirname,
|
|
exclude: [],
|
|
verbose: true,
|
|
dry: false
|
|
}),
|
|
// Copy static assets
|
|
new CopyWebpackPlugin([
|
|
{
|
|
from: "src/assets"
|
|
}
|
|
]),
|
|
new MiniCssExtractPlugin({
|
|
// Options similar to the same options in webpackOptions.output
|
|
// both options are optional
|
|
filename: "[name]-[hash].css"
|
|
})
|
|
],
|
|
module: {
|
|
rules: [
|
|
{
|
|
test: /\.elm$/,
|
|
exclude: [/elm-stuff/, /node_modules/],
|
|
use: {
|
|
loader: "elm-webpack-loader",
|
|
options: {
|
|
optimize: true
|
|
}
|
|
}
|
|
},
|
|
{
|
|
test: /\.css$/,
|
|
exclude: [/elm-stuff/, /node_modules/],
|
|
loaders: [
|
|
MiniCssExtractPlugin.loader,
|
|
"css-loader?url=false"
|
|
]
|
|
},
|
|
{
|
|
test: /\.less$/,
|
|
exclude: [/elm-stuff/, /node_modules/],
|
|
loaders: [
|
|
MiniCssExtractPlugin.loader,
|
|
"css-loader?url=false",
|
|
"less-loader"
|
|
]
|
|
}
|
|
]
|
|
}
|
|
});
|
|
}
|