Описание тега tree-shaking

Встряхивание дерева - это современный алгоритм устранения мертвого кода для ECMAScript 2015.
1 ответ

Неожиданный код после встряхивания дерева

Дано entry это модуль ввода: Он просто использует function1 от external1 модуль. Я ожидал что external1.function2 и весь external2 Модуль будет устранен. Тем не менее, мой вывод включает в себя external2.function1, Просто почему? Вот репо всего этог…
1 ответ

Treeshaking (Webpack v4 + Node v9)

У меня есть проблема в связи с деревьями. Кажется, это не слишком эффективно для моего проекта. Есть ли способ увидеть список зависимостей, которые фактически используются в моем упакованном файле? Конфигурация Webpack: entry: sourceEntryFile, mode:…
12 окт '18 в 19:42
2 ответа

Angular2 (CLI) тряска дерева удаляет динамически созданный NgModule

Я предполагаю, что вопрос об исключающем компоненте Angular-cli исключении из удаления очень похож, но я не могу ничего из этого извлечь. По сути, у меня есть фабрика динамических компонентов, как описано в разделе Как использовать / создать динамич…
01 мар '17 в 16:35
0 ответов

Угловой 1,5 - встряхивание дерева с веб-пакет и Babel 6

Я использую Angular 1.5 с Express в очень старом проекте. Теперь мне нужно обновить его (не перестраивать). Я добавил некоторые оптимизации веб-пакетов и перенес их на клиентское приложение для рендеринга угловых приложений и разделения кода сервера…
2 ответа

Как собрать Angular 4.3.6 для производства?

У меня есть несколько вопросов по поводу приложения Angular 4, созданного с помощью angular-cli и использующего Webpack. Является ng build --prod --aot лучшая команда для создания окончательного пакета для развертывания в производственной среде? Есл…
2 ответа

Укажите, какие компоненты React будут добавлены в комплект

У меня есть файл component_settings, который описывает список компонентов, которые должны быть включены в комплект поставки, этот файл должен быть прочитан веб-пакетом в процессе сборки, например { RedButton:false, BlueButton:true } У меня есть оба …
04 сен '18 в 10:36
1 ответ

Если веб-пакет трясет дерево, обрабатывать node_modules?

Я работаю на node@6.11.0, webpack@3.4.1 file.js export function foo () { return 'foo' } export function bar() { return 'bar' } main.js import { foo } from './file' import { log } from 'mathjs' foo() log(10000,10) И bundle.js включает в себя все мето…
24 сен '17 в 10:10
0 ответов

Angular 4 CSS не рендерится после встряхивания дерева

Я использую плагин Rollup, чтобы сделать встряхивание дерева моего приложения Angular. Я получаю финал build.js и когда я проверяю это, CSS есть, но по какой-то причине он не отображается DOM. я использую SCSS и все мои стили имеют .scss расширение …
23 авг '17 в 13:45
0 ответов

Treeshaking уменьшил размер пакета до байтов

Я изучаю веб-пакет и пытаюсь уменьшить размер пакета приложения с 2,14 МБ до менее, используя Treeshaking с Babel 7. Но это уменьшает размер до нескольких байтов. Почему это происходит, даже если я выполнил все шаги в документации по webpack? Это пр…
26 янв '19 в 17:51
0 ответов

Es6 babelify импортирует специфические функции

Я в основном бэкэнд-разработчик, но я пытаюсь модернизировать свои возможности JavaScript. Я написал тестовый файл в Es6 следующим образом: export const TestA = () => { console.log("test A"); } export const TestB = () => { console.log("test B"…
30 янв '19 в 11:22
0 ответов

Есть ли способ активировать встряхивание дерева с помощью сервера разработки create-реагировать на приложение?

Сегодня я впервые обнаружил ошибку в среде QA, которая была вызвана сильной тряской деревьев в Webpack (в соответствии с настройкой create-react-app 2,1). Есть ли способ активировать встряхивание дерева при использовании встроенного сервера разработ…
0 ответов

Вычисление размера ресурса из размеров модуля в файле статистики веб-пакета

stats.json Файл, созданный Webpack, уложен так, что один или modules составить chunk и один или несколько кусков составляют asset, Я пытаюсь вычислить размер актива, суммируя размеры модулей, которые (составляют части), которые составляют актив. В п…
2 ответа

Как проверить, работает ли встряхивание дерева с Webpack 2?

Я только что закончил обновление своего приложения реагирования с веб-пакета 1 на веб-пакет 2. Однако размер моего пакета увеличился на ~30 КБ. Я надеялся, что размер пучка уменьшится. Как я могу подтвердить, что встряхивание дерева сработало. И поч…
13 фев '17 в 18:20
1 ответ

Невозможно встряхнуть дерево в веб-пакете, проект TypeScript

Моя цель состоит в том, чтобы встряхнуть дерево lodash (среди прочих) в моем webpack.prod.js, Вот мои файлы конфигурации. Для полноты картины я также включу webpack.dev.js, webpack.common.js, tsconfig.json а также package.json: webpack.common.js: co…
28 фев '18 в 19:01
0 ответов

Дерево качает Лодаш-эс от зависимостей

Используя Webpack 4, я пытаюсь уменьшить размер своего пакета, тряхнув неиспользуемый код lodash. Все, что я контролирую, использует правильный импорт ES6 с помощью lodash-es. В настоящее время я использую машинопись без babeljs. В простом тестирова…
30 окт '18 в 23:12
0 ответов

Webpack 2.x дерево качает иконки SVG с помощью svg-sprite-loader

Я связываю свой проект, используя webpack 2.x, и большинство частей, где трясется дерево, работают нормально, за исключением того, что у меня есть все изображения svg в экспортированном файле svg, даже если я их не использую. SVG icons icons.js expo…
30 май '17 в 11:48
1 ответ

Нужно ли нам трясти деревья с помощью webpack и typcript / angular2?

Я следовал этому уроку, чтобы добавить веб-пакет в Angular отсюда. Если я правильно понимаю, мы передаем основной модуль в веб-пакет, а затем он пересекает все дерево и добавляет все файлы, на которые есть ссылки, в пакет. Я также читал, что мы може…
06 ноя '16 в 13:50
1 ответ

Свертывание деревьев не работает, если какая-либо неиспользуемая функция имеет внешнюю зависимость

// file1.js import styled from "styled-components"; export const myDiv = styled.div``; export const myLabel = styled.label``; // input.js -> свертывать входной файл в пакет import {myDiv} from "./file1" export {myDiv}; В идеале myLabel не следует св…
26 дек '17 в 18:26
1 ответ

Может ли тряска дерева Webpack удалить неиспользованные вавилон-полифиллы?

Я пытаюсь сделать так, чтобы дерево упало babel-polyfill, index.js файл содержит: import 'babel-polyfill' const add4 = n => n + 4 const add5 = n => n + 5 add4(6) console.log('boom', add4(4)) В этом файле ни один код не требует какого-либо поли…
2 ответа

Angular AOT скомпилированное приложение не трясет дерево, как ожидалось

У меня есть модуль (MyCommonModule) с общими компонентами, службами и т. д., которые я планирую разделить между различными угловыми приложениями. Это пример простого приложения, которое только импортирует MyCommonModule (но не ссылается ни на что из…