Pytania otagowane jako webpack

Webpack to pakiet modułów JavaScript. Webpack pobiera moduły z zależnościami i generuje statyczne zasoby reprezentujące te moduły. Kluczowe funkcje Webpack są zakorzenione w rozszerzalności i umożliwiają programistom korzystanie z najlepszych praktyk w zakresie architektury sieciowej i wydajności sieci.

19
Jak dołączyć bootstrap css i js do aplikacji Reactjs?
Jestem nowy w responsjs, chcę dołączyć bootstrap do mojej aplikacji React Zainstalowałem bootstrap przez npm install bootstrap --save Teraz chcę załadować bootstrap css i js w mojej aplikacji React. Używam WebPacka. webpack.config.js var config = { entry: './src/index', output: { path: './', filename: 'index.js' }, devServer: { inline: true, port: …
11
Poprawna ścieżka do img w React.js
Mam problem z moimi obrazami w moim projekcie React. Rzeczywiście, zawsze myślałem, że ścieżka względna do atrybutu src została zbudowana na architekturze plików Tutaj moja architektura plików: components file1.jsx file2.jsx file3.jsx container img js ... Jednak zdałem sobie sprawę, że ścieżka jest zbudowana na adresie URL. W jednym z moich …
14
Jak zmniejszyć rozmiar pakietu prod?
Mam prostą aplikację, zainicjowaną przez angular-cli. Wyświetla niektóre strony odnoszące się do 3 tras. Mam 3 komponenty. Na jednym z tej strony używam lodashi kątowa 2 moduły HTTP, aby uzyskać pewne dane (przy użyciu RxJS Observables, mapa subscribe). Wyświetlam te elementy za pomocą prostego pliku *ngFor. Ale pomimo tego, że …
6
Jak ładować pliki obrazów za pomocą programu ładującego pliki webpack
Używam WebPacka do zarządzania projektem Reactjs . Chcę załadować obrazy w javascript przez webpack file-loader. Poniżej znajduje się plik webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = { …
6
Jak importować i eksportować komponenty za pomocą React + ES6 + webpack?
Bawię się Reacti ES6używam babeli webpack. Chcę zbudować kilka komponentów w różnych plikach, zaimportować je w jednym pliku i połączyć je zwebpack Powiedzmy, że mam kilka takich komponentów: my-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" fluid> ... …
5
configuration.module ma nieznaną właściwość „loaders”
mój wynik błędu: Nieprawidłowy obiekt konfiguracyjny. Pakiet Webpack został zainicjowany przy użyciu obiektu konfiguracyjnego, który nie pasuje do schematu interfejsu API. - configuration.module ma nieznaną właściwość „loaders”. Te właściwości są ważne: object {exprContextCritical ?, exprContextRecursive ?, exprContextRegExp ?, exprContextRequest ?, noParse ?, rules ?, defaultRules ?, unknownContextCritical ?, unknown ?, …
136 reactjs  webpack 
6
angular-cli, gdzie jest plik webpack.config.js - nowy angular6 nie obsługuje wyrzucania
AKTUALIZACJA: grudzień 2018 (patrz odpowiedź „Aniket”) W Angular CLI 6 musisz używać konstruktorów, ponieważ ng eject jest przestarzały i wkrótce zostanie usunięty w wersji 8.0 AKTUALIZACJA: czerwiec 2018: Angular 6 nie obsługuje wysuwania ** AKTUALIZACJA: Luty 2017: użyj ng eject AKTUALIZACJA: Listopad 2016: angular-cli używa teraz tylko webpacka. Musisz tylko …
5
Skonfiguruj pakiet internetowy, aby umożliwić debugowanie przeglądarki
Jestem nowym użytkownikiem pakietu webpack i konwertuję istniejącą aplikację internetową, aby z niej korzystać. Używam pakietu webpack do pakowania i minimalizowania mojego JS, który jest świetny po wdrożeniu, jednak sprawia to, że debugowanie podczas programowania jest bardzo trudne. Zazwyczaj używam wbudowanego debuggera Chrome'a ​​do debugowania problemów z JS. (Lub Firebug …
15
Pole „browser” nie zawiera prawidłowej konfiguracji aliasu
Zacząłem używać webpack2 (żeby być precyzyjnym v2.3.2) i po ponownym utworzeniu konfiguracji wciąż napotykam problem, którego nie mogę rozwiązać, otrzymuję (z góry przepraszam za brzydki zrzut): 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 path to my repo]/src' …
6
Wywołanie spakowanego kodu internetowego z zewnątrz (tag HTML script)
Załóżmy, że mam taką klasę (napisaną na maszynie) i dołączam ją do pakietu internetowego do bundle.js. export class EntryPoint { static run() { ... } } W moim index.html umieszczę pakiet, ale potem chciałbym również wywołać tę statyczną metodę. <script src="build/bundle.js"></script> <script> window.onload = function() { EntryPoint.run(); } </script> Jednak …
2
Opcja preprocesora Vue CLI CSS: dart-sass VS node-sass?
Podczas tworzenia nowego projektu z CLI (v3.7.0), istnieje możliwość wyboru między dart-sasslub node-sasskompilatorem. Jak to się ma do siebie, by być bardziej szczegółowym niż deklarowane w dokumentach Vue ? Wskazówka dotycząca wydajności Sass Należy pamiętać, że podczas korzystania z Dart Sass kompilacja synchroniczna jest domyślnie dwukrotnie szybsza niż kompilacja asynchroniczna, …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.