Я использую 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, кажется, перекомпилируется каждый раз.
Есть идеи, что может быть причиной этого?