asp.net-core - 在 .Net Core 3 中配置 webpack 开发服务器

Question

我多年来一直在寻找如何设置 .net core 3 项目以使用 webpack 开发服务器来提供资产。这将允许诸如热模块更换之类的事情。如果有人有一些样板来实现这一点，那就太好了！下面我包含了我当前的开发 webpack 配置：

module.exports = {
    mode: "development",
    entry: {
        app: "./wwwroot/src/js/app.js",
    },
    output: {
        publicPath: "/dist/",
        filename: "[name].bundle.js",
        path: path.join(__dirname, "/wwwroot/dist/"),
    },
    optimization: {
        splitChunks: {
            chunks: "all",
            cacheGroups: {
                vendor: {
                    test: /[\\/]node_modules[\\/]/,
                    name: "vendors",
                    chunks: "all",
                },
            },
        },
    },
    plugins: [],
    module: {
        rules: [
            {
                test: /\.m?js$/,
                exclude: /(node_modules|bower_components)/,
                use: {
                    loader: "babel-loader",
                    options: {
                        presets: ["@babel/preset-env"],
                        plugins: ["@babel/plugin-transform-runtime"],
                    },
                },
            },
            {
                test: /\.scss$/,
                use: ["style-loader", "css-loader", "sass-loader"],
            },
            {
                test: require.resolve("jquery"),
                use: [
                    {
                        loader: "expose-loader",
                        options: "jQuery",
                    },
                    {
                        loader: "expose-loader",
                        options: "$",
                    },
                ],
            },
        ],
    },
};

标签： asp.net-corewebpackwebpack-dev-server