43 lines
959 B
JavaScript
43 lines
959 B
JavaScript
const merge = require("webpack-merge");
|
|
const path = require("path");
|
|
const {CleanWebpackPlugin} = require("clean-webpack-plugin");
|
|
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
|
|
|
|
const common = require("./webpack.common");
|
|
|
|
module.exports = merge(common, {
|
|
mode: "development",
|
|
|
|
output: {
|
|
filename: "[name].js",
|
|
chunkFilename: "[id].css"
|
|
},
|
|
|
|
devServer: {
|
|
port: process.env.PORT || 3000,
|
|
host: "0.0.0.0",
|
|
disableHostCheck: true,
|
|
contentBase: path.join(process.cwd(), "./dist"),
|
|
watchContentBase: true,
|
|
quiet: false,
|
|
open: true,
|
|
historyApiFallback: {
|
|
rewrites: [{from: /./, to: "404.html"}]
|
|
}
|
|
},
|
|
|
|
plugins: [
|
|
new CleanWebpackPlugin({
|
|
cleanOnceBeforeBuildPatterns: [
|
|
"dist/**/*.js",
|
|
"dist/**/*.css",
|
|
"site/content/webpack.json"
|
|
]}),
|
|
|
|
new MiniCssExtractPlugin({
|
|
filename: "[name].css",
|
|
chunkFilename: "[id].css"
|
|
})
|
|
]
|
|
});
|