Próbuję zaimportować motyw z modułu CSS, ale TypeScript wyświetla błąd „Nie można znaleźć modułu”, a motyw nie jest stosowany w czasie wykonywania. Myślę, że coś jest nie tak z moją konfiguracją WebPacka, ale nie jestem pewien, gdzie jest problem. Używam następujących narzędzi: "typescript":...
Pracuję z webpackiem i muszę uruchomić ./node_modules/webpack/bin/webpack.jsza pomocą npx. npx webpackuruchomiłbym plik binarny webpacka ( ./node_modules/webpack/bin/webpack), ale za każdym razem, gdy wykonuję pakiet internetowy npx, otrzymuję bash: npx: command not found. Ja używam: węzeł:...
Implementuję przykład z https://github.com/moroshko/react-autosuggest Ważny kod wygląda tak: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj =>...
Mam reactjsaplikację napisaną przy użyciu standardów ES6 i używam webpackdo jej tworzenia. Te webpackładunki z jsmodułów używających babel-loader. Mówiąc konkretnie, używam następujących wersji pakietów: ├── [email protected] ├── [email protected] ├── [email protected] └──...
Próbuję zrobić coś w projekcie, co do czego nie jestem pewien, czy jest to możliwe, popełniam błąd lub coś nie rozumiem. Używamy webpacka, a pomysł polega na tym, aby obsługiwać więcej niż jeden plik html. localhost: 8181 -> obsługuje index.html localhost: 8181 / example.html -> serwuje...
Mam plik karuzeli, w którym chcę pobrać index.jsi zbudować block.build.js, więc moje webpack.config.jsjest: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/,...
Kiedy mam konfigurację modułu ładującego z wieloma testami pasującymi do pliku, spodziewałbym się, że zostanie użyty tylko pierwszy pasujący program ładujący, ale wydaje się, że tak nie jest. Próbowałem odczytać źródło, ale nawet kiedy znalazłem bit, który moim zdaniem implementuje ładowanie,...
Mam: Pliki JS, które chcę spakować. MNIEJ plików, które chcę skompilować do CSS (rozwiązywanie @importów w jeden pakiet). Miałem nadzieję, że określę je jako dwa oddzielne wejścia i będę mieć dwa oddzielne wyjścia (prawdopodobnie za pomocą wtyczki extract-text-webpack-plugin). Webpack ma...
Otrzymuję trzy komunikaty ostrzegawcze podczas importowania requestw projekcie pakietu webowego w wersji szkieletowej. Minimalny przykład odtworzenia błędu jest dostępny na GitHub (uruchom npm installi npm start). Critical dependency: the request of a dependency is an expression Jak mogę...
Używam pakietu webpack 3.8.1 i otrzymuję kilka wystąpień następującego ostrzeżenia dotyczącego kompilacji: WARNING in ./src/Components/NavBar/MainMenuItemMobile.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a...
Używam pakietu webpack dla platformy Node, którą tworzę (chociaż powinienem prawdopodobnie użyć łyka). Kiedy dołączam moduł EJS, webpack umieszcza go w skompilowanym źródle, mimo że wyraźnie mówię mu, aby wykluczył katalog node_modules. module.exports = { context: __dirname, target: 'node',...
Mam font-awesome w moim folderze node_modules, więc próbuję zaimportować go do mojego głównego pliku .scss w następujący sposób: @import "../../node_modules/font-awesome/scss/font-awesome.scss"; Ale kompilacja pakietów Webpack kończy się niepowodzeniem, co mi mówi Error: Cannot resolve...
Badam pomysł wykorzystania Webpack z Backbone.js . Postępowałem zgodnie z przewodnikiem szybkiego startu i mam ogólne pojęcie o tym, jak działa Webpack, ale nie jestem pewien, jak załadować bibliotekę zależności, taką jak jquery / backbone / underscore. Czy powinny być ładowane zewnętrznie,...
Za każdym razem, gdy biegnę webpackw terminalu, otrzymuję: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Oto mój plik webpack.config.js module.exports = { entry: './app-client.js', output: { filename:...
Używam pakietu webpack do budowania moich komponentów reagowania i próbuję użyć extract-text-webpack-plugindo oddzielenia mojego css od mojego wygenerowanego pliku js. Jednak, gdy próbuję zbudować komponentu pojawia się następujący błąd: Module build failed: ReferenceError: window is not...
Grałem z WebPack i podczas kompilacji widzę wyjścia: + 27 hidden modules. Co to przez to oznacza? Czy wykrywa globalne stałe, których używam, nie wymagając ich?
Używam aliasów ścieżek webpack do ładowania modułu ES6. Np. Jeśli zdefiniuję alias utilszamiast czegoś podobnego import Foo from "../../../utils/foo", mogę to zrobić import Foo from "utils/foo" Problem polega na tym, że gdy zacznę używać aliasów, WebStorm gubi śledzenie importu i pozostają z...
Rozumiem, że patrzę CommonsChunkPluginna wszystkie punkty wejścia, sprawdza, czy istnieją między nimi wspólne pakiety / zależności i rozdziela je do własnego pakietu. Załóżmy więc, że mam następującą konfigurację: ... enrty : { entry1 : 'entry1.js', //which has 'jquery' as a dependency...
Próbuję zbudować projekt za pomocą webpacka i zareagować tą konfiguracją webpacka: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ],...
Używam webpack z HtmlWebpackPlugin, html-loaderi file-loader. Mam prostą strukturę projektu, w której nie używam ram, a jedynie maszynopis. Dlatego piszę mój kod HTML bezpośrednio na index.html. Używam również tego pliku HTML jako mojego szablonu HtmlWebpackPlugin. Jak wszystkie strony...