Форум программистов, компьютерный форум, киберфорум
Angular/AngularJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.85/13: Рейтинг темы: голосов - 13, средняя оценка - 4.85
41 / 37 / 9
Регистрация: 01.02.2014
Сообщений: 825

Очень долгая сборка проекта с использованием webpack

02.02.2019, 19:19. Показов 2484. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет, когда использовал systemJs для сборки все было отлично, но все файлы были открытыми и я перешел на webpack . Но теперь бандл собирается порядка 22 секунд (т.е полностью перестраивается)
Можно-ли как то не перестраивать бандл полностью, если я например меняю всего 1 typescript файл?
Никакой webpack-server не использую, просто компилирую через npm run webpack-script --color=always

Вот webpack.config, может кто знает , как с этим бороться.. Просто 20 секунд для просмотра изменения при разработке очень много

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var MiniCssExtractPlugin = require("mini-css-extract-plugin");
module.exports = {
    entry: {
        'polyfills': './wwwroot/app/polyfills.ts',
        'app': './wwwroot/app/main.ts'
    },
    output: {
        path: path.resolve(__dirname, 'wwwroot/bundle/'),     // путь к каталогу выходных файлов - папка public
        publicPath: '/bundle/',
        filename: '[name].[hash].js',
        chunkFilename: '[name].[hash]-chunk.js',
    },
    devServer: {
        historyApiFallback: true,
    },
    resolve: {
        extensions: ['.ts', '.js']
    },
    module: {
        rules: [   //загрузчик для ts
            {
                test: /\.ts$/, // определяем тип файлов
                use: [
                    {
                        loader: 'awesome-typescript-loader',
                        options: 
                        { configFileName: path.resolve(__dirname, './wwwroot/tsconfig.json'), 
                        useCache: true,
                        },
                    },
                    'angular2-template-loader',
                    "angular-router-loader"
                ]
            }, {
                test: /\.html$/,
                loader: 'html-loader'
            }, {
                test: /\.cshtml$/,
                loader: 'html-loader'
            }, {
                test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
                loader: 'file-loader?name=assets/[name].[hash].[ext]'
            }, {
                test: /\.css$/,
                use: [
                    MiniCssExtractPlugin.loader,
                    "css-loader"
                ]
            }, {
                test: /\app.min.js/,
                use: "imports-loader?this=>window"
            }
        ]
    },
    plugins: [
        new webpack.ContextReplacementPlugin(
            /angular(\|\/)core/,
            path.resolve(__dirname, ''),
            {
                './[name].js': './bundle/[name].js',
            }
        ),
        new HtmlWebpackPlugin({
            inject: "body",
            filename: '../../Views/Shared/_Layout.cshtml',
            template: './Views/Shared/_Layout_Template.cshtml'
        }),
        new MiniCssExtractPlugin({
            filename: "[name].css",
        }),
        new webpack.NoEmitOnErrorsPlugin(),
        new webpack.LoaderOptionsPlugin({
            htmlLoader: {
                minimize: false
            }
        }),
        new webpack.SourceMapDevToolPlugin({
            filename: '[name].map', // Remove this line if you prefer inline source maps
            moduleFilenameTemplate: path.relative('wwwroot/bundle/', '[resourcePath]') // Point sourcemap entries to the original file locations on disk
        }),
    ]
}
Добавлено через 19 минут
Думаю стоит перенести тему в общий раздел
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
02.02.2019, 19:19
Ответы с готовыми решениями:

Запуск скриптов webpack при сборке проекта
Скажите возможно ли это, когда я запускаю проект в VisualStudio 2017, запускается скрипт который прописан в package.json для вебпака...

Долгая инициализация dll проекта
Здравствуйте. К проектам часто подключён мой подпроект в виде dll, в котором много компонентов, сама строка initializecomponent()...

Очень долгая загрузка ноута.
Здравствуйте! У меня ноутбук Acer Aspire 4310. На днях пыталась отключить модем юсб через безопасное извлечение, но все зависло и висело...

1
04.02.2019, 18:53

Не по теме:

Берем ssd, и получаем прирост в скорости сборки проектов с использованием webpack

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
04.02.2019, 18:53
Помогаю со студенческими работами здесь

Очень долгая загрузка формы
http://stools.googlecode.com/svn/trunk/bin/sTASKedit/ http://stools.googlecode.com/svn/trunk/sTASKedit/ Есть программа-редактор для...

Очень долгая загрузка страницы
Очень долго грузится страница от 5-10сек примерно, не важно, это скрипт пхп или джаваскрипт. Пробовал тестировать на простых скриптах и все...

Очень долгая загрузка сайтов
Всем привет. Вообщем, проблема такова. Очень долго загружаются сайты(часто вообще не загружаются), но не все. Гугл и все что с ним связано...

Очень долгая загрузка Windows
Доброго времени суток, пользователь этого портала. У меня возникла большая проблема с компьютером. Когда к примеру я хочу скачать файл с...

Очень долгая установка Windows
Материнская плата ga-m565-s3, очень долгая установка Windows 7 около 4-х часов.


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru