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

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

02.02.2019, 19:19. Показов 2517. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .
Команды "Заполнить" и "Очистить" на форме документа
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++
8Observer8 24.03.2026
Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru