Публикации по теме 'webpack-2'
Система сборки для всех SPA: Webpack
Сложная система сборки
Сначала создайте его, затем улучшите и, наконец, оптимизируйте.
Я всегда следовал принципу измерения потребностей, прежде чем создавать что-то новое. У разработчиков всегда есть желание работать с новейшим стеком технологий, и это ослепляет людей, заставляя их внедрять технологии, которые не подходят для создаваемого продукта. Поэтому, когда мы впервые приступили к разработке нашего нового пользовательского интерфейса и нам нужно было иметь систему сборки, я..
Путешествие обратно к Метеору…?
TL; DR: Возможно. После месяцев работы с Webpack, Express, Mongoose, Typescript и т.д ... несколько недавних опытов с Meteor были похожи на надевание индивидуального костюма, когда я пытался собрать свои собственные наряды из секундантов других людей.
Путешествие
Около полугода назад я написал о своем Путешествии прочь от метеора . Я говорил о том, насколько Meteor был великолепен в то время, когда я начал использовать его для создания своего веб-приложения, и я написал о том,..
Установка Webpack
Два варианта:
Установить глобально:
npm install -g webpack
При глобальной установке webpack можно запустить с помощью команды webpack из командной строки / окна терминала.
2. Установить локально в папку проекта:
npm install webpack --save-dev
При локальной установке вам нужно запустить webpack через npm script .
Запуск Webpack
Вариант 1. Использование команды webpack
Если webpack установлен глобально, вы можете использовать webpack команду на терминале, чтобы..
Замена горячего модуля
Допустим, во время разработки ваше приложение открыто в окне браузера, и вы перешли на страницу или состояние шага 3 какого-то многоэтапного процесса, когда вы понимаете, что вам нужно изменить какой-то стиль или некоторые функции модуля, используемого в шаг 3.
Обычно это означало бы без веб-пакета: в редакторе вы вносите необходимое изменение кода в файл модуля, сохраняете его, перекомпилируете / перекомпилируете приложение и обновляете браузер, который перезагружает приложение. и вам..
Вопросы по теме 'webpack-2'
используя webpack 2 DefinePlugin с проектом на основе angular-cli
Я пытаюсь преобразовать проект angular2 с webpack2 в проект на основе angular-cli.
если я правильно понял, angular-cli теперь поддерживает webpack. в моем исходном проекте я ввел следующее app.config.js :
module.exports = {
webServer: {...
1231 просмотров
schedule
28.12.2023
Исключение файлов только из одного загрузчика Webpack в цепочке
В настоящее время у меня есть правило Webpack, которое выглядит так:
{ test: /\.tsx?$/, loaders: ['@ngtools/webpack', 'babel-loader', 'angular2-template' ] }
Я хочу, чтобы только babel-loader исключал определенные файлы, просто передавая...
393 просмотров
schedule
14.03.2023
Ленивая загрузка Stripe ‹script› в компоненты с помощью ElementRef
Я хочу лениво загрузить раздел моего веб-сайта, который использует Stripe для оплаты. Хотя я бы предпочел не загружать теги <script> в index.html, так как он не всегда будет использоваться, а просто добавит дополнительную пропускную...
308 просмотров
schedule
23.01.2024
Как импортировать SCSS Foundation с помощью Webpack 2?
Я пытаюсь использовать Foundation с Webpack 2 с помощью sass-loader.
Я импортирую Foundation с
@import 'foundation-sites/scss/foundation';
И получите ошибку импорта, так как не может найти фундамент. Чтение документации для sass-loader...
2514 просмотров
schedule
22.04.2022
установить URL-адрес, автоматически открываемый в браузере с помощью webpack-dev-server в webpack2
Могу ли я настроить URL-адрес, который будет автоматически открываться в браузере? Я обнаружил, что для этого нет API? Поскольку в корне проекта нет индекса, а URL-адрес по умолчанию — localhost:8080. Или в условии, что я хочу отлаживать...
3410 просмотров
schedule
17.12.2022
Не удается запустить dev-сервер для Webpack 2
Я обновился до Webpack 2, используя это предложение .
npm установить --save-dev [email protected]
Я до сих пор не знаю, как найти его на GitHub, а сообщение датировано октябрем 2016 года, поэтому я не могу точно сказать, полезна ли...
93 просмотров
schedule
10.07.2023
пример файла конфигурации webpack 2 и stylus-loader
Я застрял в том, чтобы заставить стилус работать с webpack 2. Я пытаюсь добавить модуль загрузчика стилуса в свой webpack.config, но понятия не имею, как это сделать. Нет, я не читал документацию:
https://github.com/shama/stylus-loader
На...
3447 просмотров
schedule
15.07.2023
Извлечение общих стилей с помощью ExtractTextPlugin и CommonsChunkPlugin
Я пытаюсь извлечь общий фрагмент из моего css в соответствии с разделом вики . Я знаю, что эта документация предназначена для webpack 1 , но для webpack 2 похоже, что нет соответствующего пример еще . Я использую следующую конфигурацию...
1776 просмотров
schedule
09.03.2023
как использовать общий бизнес-код webpack?
Я использую webpack.optimize.CommonsChunkPlugin для создания дополнительного фрагмента (vueCommon.js), который содержит vuejs, vue-router, vue-resource...; но я хочу создать еще один бизнес-общий фрагмент, такой как util.js. Они используются только в...
364 просмотров
schedule
11.12.2023
реализация сотрясения дерева в веб-пакете 2, вызывающая ошибку
Недавно я провел рефакторинг своего приложения для работы с webpack v2. После запуска webpack -p я заметил, что размер моей сборки фактически увеличился примерно на 32 КБ. Я предполагаю, что это не реализовывало встряхивание дерева. Таким образом,...
233 просмотров
schedule
26.01.2023
Куски Webpack в отдельной папке
Я хочу реализовать функцию разделения кода в своем приложении. Я разделяю свое приложение по маршрутам, и для каждого маршрута я использую require.ensure для импорта компонента. Я пытаюсь поместить все куски в папку кусков, поэтому я меняю вывод в...
6719 просмотров
schedule
02.01.2024
css-загрузчик, sass-загрузчик не работает webpack 2
Я перехожу с веб-пакета 1 на веб-пакет 2. Я следовал руководству по миграции веб-пакета, однако при разрешении моих файлов css я получаю сообщение об ошибке ниже. Я пробовал в Интернете не использовать «использовать» в ExtractTextPlugin.extract, но...
2095 просмотров
schedule
19.04.2024
Разделение кода CSS с помощью Webpack 2 и React Router
Я разделяю код своих файлов JavaScript с помощью React Router и Webpack 2 следующим образом:
export default {
path: '/',
component: Container,
indexRoute: {
getComponent(location, cb) {
if (isAuthenticated()) {
redirect();...
1966 просмотров
schedule
11.02.2023
импортировать общую папку с помощью webpack 2
У меня есть следующие файловые структуры:
core
.... src
........ common
............ common.js
someProject
.... node_modules
.... src
........ someModule
............ index.js
webpack.config.js
В index.js я хочу иметь возможность сделать...
427 просмотров
schedule
30.07.2022
Angular 2, @ngtools/webpack, АОТ
Я пытаюсь использовать AOT в Angular 2, используя webpack и @ngtools/webpack.
У меня нет ошибки при компиляции, но когда я открываю сайт в браузере, я получаю ошибку консоли:
No NgModule metadata found for 'AppModule'
Мой AotPlugin в...
3416 просмотров
schedule
22.10.2022
Сократите и удалите все неиспользуемые функции, чтобы сделать размер файла js как можно меньше, веб-пакет 2
Итак, это мой веб-пакет:
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: {
event: './widgets/events/app.js'
},
output: {
path: './dist',
filename: '[name].widget.js'
},
target: 'web',...
1142 просмотров
schedule
19.03.2023
Требовать jQuery-плагин с Webpack
Я хочу использовать Webpack, чтобы создать один файл scripts.js из всех необходимых файлов Javascript.
В моем main.js мне требуются три модуля:
require('jquery');
require('readmore');
require('foundation');
Мой webpack.config.js это:...
4358 просмотров
schedule
24.10.2022
Слияние объявлений не работает в проекте Angular 2
Я пытаюсь реализовать собственный оператор RxJS, как описано в этом ответе . Вот соответствующие фрагменты в моем приложении:
rxjs-extensions.ts
import { Observable } from 'rxjs/Observable';
function restrictToCommand<T>(this:...
296 просмотров
schedule
01.02.2023
Как получить доступ к коду на стороне клиента из пакета, созданного webpack
Я очень новичок в веб-пакете. Я настроил webpack для объединения всех js-файлов и использования его в html-файле в качестве попытки изучить es6.
Теперь у меня есть функция в файле './app/index.js'
export function oops() {...
460 просмотров
schedule
25.03.2023
Разделение кода React Router Webpack 2 — использование getChildRoutes()
Когда я перехожу к /home , у меня появляется навигационная панель, на которой отображается домашний значок, сведения о, настройки и т. д. Компонент, который отображает эту навигационную панель, находится внутри HomeContainer . Основываясь на...
208 просмотров
schedule
20.08.2022
