Вопросы с тегом «webpack»

Webpack - это пакет модулей JavaScript. Webpack принимает модули с зависимостями и генерирует статические ресурсы, представляющие эти модули. Ключевые функции Webpack основаны на расширяемости и позволяют разработчикам использовать лучшие практики в веб-архитектуре и веб-производительности.


18
Как включить bootstrap css и js в приложение reactjs?
Я новичок в reactjs, я хочу включить bootstrap в свое приложение для реакции Я установил бутстрап npm install bootstrap --save Теперь я хочу загрузить загрузочные css и js в мое приложение для реагирования. Я использую webpack. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, …

5
Файл configuration.module имеет неизвестное свойство 'loaders'
мой вывод ошибки: Неверный объект конфигурации. Webpack был инициализирован с использованием объекта конфигурации, который не соответствует схеме API. - configuration.module имеет неизвестное свойство 'loaders'. Эти свойства действительны: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules ?, unknownContextCritical ?, unknownContextRecursive ?, unknownContextRegExp ?, unknownContextRecursiveContext wrappedCache …
136 reactjs  webpack 

6
Как импортировать и экспортировать компоненты, используя React + ES6 + webpack?
Я играю с Reactи ES6использую babelи webpack. Я хочу собрать несколько компонентов в разных файлах, импортировать в один файл и связать их сwebpack Допустим, у меня есть несколько таких компонентов: мой-navbar.jsx import React from 'react'; import Navbar from 'react-bootstrap/lib/Navbar'; export class MyNavbar extends React.Component { render(){ return ( <Navbar className="navbar-dark" …

11
Правильный путь для img на React.js
У меня есть некоторые проблемы с моими изображениями в моем реактивном проекте. На самом деле я всегда думал, что относительный путь к атрибуту src основан на файловой архитектуре. Вот моя файловая архитектура: components file1.jsx file2.jsx file3.jsx container img js ... Однако я понял, что путь построен на URL-адресе. В одном …

14
Как уменьшить размер пакета?
У меня есть простое приложение, инициализированное angular-cli. Он отображает несколько страниц, относящихся к 3 маршрутам. У меня 3 компонента. На одной из этих страниц я использую lodashмодули HTTP и Angular 2 для получения некоторых данных (используя RxJS Observables mapи subscribe). Я отображаю эти элементы с помощью простого файла *ngFor. Но, …

6
angular-cli, где находится файл webpack.config.js - новый angular6 не поддерживает извлечение ng
ОБНОВЛЕНИЕ: декабрь 2018 г. (см. Ответ Aniket) С Angular CLI 6 вам нужно использовать построители, поскольку ng eject устарел и скоро будет удален в 8.0 ОБНОВЛЕНИЕ: июнь 2018: Angular 6 не поддерживает извлечение ** ОБНОВЛЕНИЕ: февраль 2017 года: используйте ng eject ОБНОВЛЕНИЕ: ноябрь 2016 г .: angular-cli теперь использует только …

14
Поле "браузер" не содержит допустимой конфигурации псевдонима.
Я начал использовать webpack2 (если быть точным v2.3.2), и после повторного создания моей конфигурации я продолжаю сталкиваться с проблемой, которую не могу решить, я получаю (заранее извините за уродливый дамп): ERROR in ./src/main.js Module not found: Error: Can't resolve 'components/DoISuportIt' in '[absolute path to my repo]/src' resolve 'components/DoISuportIt' in '[absolute …

5
Настройте веб-пакет, чтобы разрешить отладку браузера
Я новичок в webpack и конвертирую существующее веб-приложение для его использования. Я использую webpack для объединения и минимизации своего JS, что отлично при развертывании, однако из-за этого очень сложно отлаживать во время разработки. Обычно я использую встроенный отладчик Chrome для отладки проблем с JS. (Или Firebug в firefox). Однако с …

6
Вызов веб-кода извне (тег HTML-скрипта)
Предположим, у меня есть такой класс (написанный на машинописном тексте), и я связываю его с webpack в bundle.js. export class EntryPoint { static run() { ... } } В свой index.html я включу пакет, но затем я также хотел бы вызвать этот статический метод. <script src="build/bundle.js"></script> <script> window.onload = function() …


24
webpack не распознается как внутренняя или внешняя команда, работающая программа или командный файл
Я изучаю React.js и использую ОС Windows 8. Я перешел в свою корневую папку 1.Created the package.json file by npm init 2. install webpack by npm install -S webpack.now webpack has been downloaded to my modules folder 3. install webpack globally by typing npm install webpack -g 4. i am …
125 npm  webpack 

2
Исполнители задач (Gulp, Grunt и т. Д.) И Bundlers (Webpack, Browserify). Зачем использовать вместе?
Я немного новичок в мире задач и сборщиков, и пока я прохожу через такие вещи, как Grunt, Gulp, Webpack, Browserify , Я не чувствовал, что между ними есть большая разница. Другими словами, я чувствую, что Webpack может делать все, что делает средство выполнения задач. Но все же у меня есть …

9
Как разрешить webpack-dev-серверу разрешать точки входа с реактивного маршрутизатора
Я создаю приложение, которое использует в разработке webpack-dev-server вместе с response-router. Похоже, что webpack-dev-server построен на предположении, что у вас будет общедоступная точка входа в одном месте (т.е. «/»), тогда как response-router допускает неограниченное количество точек входа. Мне нужны преимущества webpack-dev-server, особенно функция горячей перезагрузки, которая отлично подходит для производительности, …

19
Поддержка экспериментального синтаксиса classProperties в настоящее время не включена
Пока я настраивал React в проекте Django, я столкнулся с этой ошибкой Ошибка ModuleBuildError в сборке модуля (из ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Поддержка экспериментального синтаксиса classProperties 'в настоящее время не включен (17: 9): 15 | 16 | …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.