Webpack 5s dev время компиляции для очень маленького проекта - PullRequest
0 голосов
/ 31 марта 2019

Я использую Webpack для очень маленького проекта с нулевыми производственными зависимостями.Это мой конфигурационный файл:

const HTMLWebpackPlugin = require("html-webpack-plugin");

const lifecyle = process.env.npm_lifecyle_event;

const mode = lifecyle === "start" ? "development" : "production";

const HTML = new HTMLWebpackPlugin({
    template: "./src/index.ejs"
});

const base = {
    mode,
    entry: "./src/index.js",
    output: {
        path: __dirname + "/dist/",
        filename: "app.min.js"
    },
    module: {
        rules: [
            {
                test: /\.css$/,
                exclude: /node_modules/,
                use: ["style-loader", "css-loader"]
            }
        ]
    },
    devServer: {},
    plugins: [HTML]
};

const dev = {};

const prod = {};

if (mode === "development") {
    module.exports = Object.assign(base, dev);
} else {
    module.exports = Object.assign(base, prod);
}

Размер проекта составляет 12 КБ, после того как он собран.Сборка занимает 3 секунды, перекомпиляция при изменении кода - около 5.

Я понятия не имею, что я делаю, чтобы сделать проект таким медленным.Для справки: профессиональный проект с использованием React, Redux, PostCSS, babel и т. Д. Занимает около 8 секунд для первоначальной компиляции, но только одну секунду после того, как я над ним работаю.

Я подозреваю, что проблема связана с работой Webpack.в node_modules, так как я не указываю какой-либо загрузчик JS явно, поэтому я не говорю об его исключении.Я замечаю, что lodash, кажется, перекомпилируется каждый раз.

Есть идеи, что может быть причиной этого?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...