| /** |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| */ |
| |
| 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: "chunk-[id].js" |
| }, |
| |
| devServer: { |
| host: "0.0.0.0", |
| port: process.env.PORT || 3000, |
| 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" |
| }) |
| ] |
| }); |