解決了webpack5報錯的問題
webpack5的小伙伴,報錯看這里,我解決了。下面引入的模塊都需要自己手動去安裝以下,其中process/browser,這是兩個,分開裝。?
const path = require("path");
const nodeExcternals = require("webpack-node-externals");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const webpackconfig = {
? ? target: "node",
? ? mode: "development",
? ? entry: {
? ? ? ? server: path.join(__dirname, "index.js"),
? ? },
? ? output: {
? ? ? ? filename: "[name].bundle.js",
? ? ? ? path: path.join(__dirname, "./dist"),
? ? },
? ? devtool: "eval-source-map",
? ? module: {
? ? ? ? rules: [
? ? ? ? ? ? {
? ? ? ? ? ? ? ? test: /\.(js|jsx)$/,
? ? ? ? ? ? ? ? use: {
? ? ? ? ? ? ? ? ? ? loader: "babel-loader",
? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? exclude: [path.join(__dirname, "/node_modules")],
? ? ? ? ? ? },
? ? ? ? ],
? ? },
? ? externals: [nodeExcternals()],
? ? plugins: [new CleanWebpackPlugin()],
? ? node: {
? ? ? ? global: true,
? ? ? ? __filename: true,
? ? ? ? __dirname: true,
? ? },
? ? resolve: {
? ? ? ? fallback: {
? ? ? ? ? ? console: require.resolve("console-browserify"),
? ? ? ? ? ? process: require.resolve("process/browser"),
? ? ? ? ? ? buffer: require.resolve("buffer"),
? ? ? ? ? ? path: require.resolve("path-browserify"),
? ? ? ? ? ? setImmediate: require.resolve("setimmediate"),
? ? ? ? },
? ? },
};
module.exports = webpackconfig;