Programowanie webpack

16

Jak mogę używać ES6 w webpack.config.js?

Jak korzystać z ES6 w webpack.config? Podobnie jak w przypadku tego repo https://github.com/kriasoft/react-starter-kit ? Na przykład: używając tego import webpack from 'webpack'; zamiast var webpack = require('webpack'); To raczej ciekawość niż potrzeba.

210 webpack

5

ES6 eksport / import w pliku indeksu

Obecnie używam ES6 w aplikacji React przez webpack / babel. Korzystam z plików indeksu, aby zebrać wszystkie komponenty modułu i wyeksportować je. Niestety wygląda to tak: import Comp1_ from './Comp1.jsx'; import Comp2_ from './Comp2.jsx'; import Comp3_ from './Comp3.jsx'; export const Comp1 = Comp1_; export const Comp2 = Comp2_; export const …

201 javascript ecmascript-6 webpack babeljs

5

Jak uniemożliwić moment.js ładowanie ustawień regionalnych za pomocą pakietu WebPack?

Czy jest jakiś sposób, aby zatrzymać moment.jsładowanie wszystkich ustawień narodowych (potrzebuję tylko angielskiego) podczas korzystania z pakietu WebPack? Patrzę na źródło i wygląda na to, że jeśli hasModulejest zdefiniowane, to jest dla webpacka, to zawsze próbuje require()wszystkich ustawień regionalnych. Jestem prawie pewien, że to wymaga żądania ściągnięcia, aby to naprawić. …

199 javascript gulp momentjs webpack

9

Webpack.config jak po prostu skopiować plik index.html do folderu dist

Próbuję zautomatyzować przechodzenie do / dist. Mam następujące config.js: module.exports = { context: __dirname + "/lib", entry: { main: [ "./baa.ts" ] }, output: { path: __dirname + "/dist", filename: "foo.js" }, devtool: "source-map", module: { loaders: [ { test: /\.ts$/, loader: 'awesome-typescript-loader' }, { test: /\.css$/, loader: "style-loader!css-loader" } …

189 webpack

13

Jak ustawić serwer dewelopera webpack na port 80 i 0.0.0.0, aby był publicznie dostępny?

Jestem nowy w całym świecie Nodejs / Reagjs, więc przepraszam, jeśli moje pytanie brzmi głupio. Więc bawię się z Reactabular.js . Ilekroć robię npm start, zawsze działa localhost:8080. Jak zmienić go, aby działał, 0.0.0.0:8080aby był publicznie dostępny? Próbowałem odczytać kod źródłowy w powyższym repozytorium, ale nie udało mi się znaleźć …

180 node.js reactjs npm webpack webpack-dev-server

6

Jak dodawać czcionki do projektów opartych na tworzeniu i reagowaniu na aplikacje?

Używam aplikacji create-react- i wolę tego nie robićeject . Nie jest jasne, gdzie powinny znajdować się czcionki importowane przez @ font-face i ładowane lokalnie. Mianowicie ładuję @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Jakieś sugestie? -- EDYTOWAĆ Włączając sedno, do …

177 css reactjs fonts webpack create-react-app

4

Jak oddzielnie spakować skrypty dostawców i wymagać ich w razie potrzeby z Webpack?

Próbuję zrobić coś, co moim zdaniem powinno być możliwe, ale naprawdę nie mogę zrozumieć, jak to zrobić, tylko z dokumentacji pakietu internetowego. Piszę bibliotekę JavaScript z kilkoma modułami, które mogą lub nie zależą od siebie. Ponadto jQuery jest używane przez wszystkie moduły, a niektóre z nich mogą wymagać wtyczek jQuery. …

173 javascript webpack external-dependencies

9

gdzie jest konfiguracja i pliki pakietu webpack create-react-app?

Tworzę projekt ReactJS z create-react-apppakietem i działa dobrze, ale nie mogę znaleźć plików i konfiguracji pakietu webpack . Jak działa aplikacja react-create-app z pakietem internetowym? Gdzie znajdują się pliki konfiguracyjne pakietu WebPack w domyślnej instalacji create-react-app? Nie mogę znaleźć plików konfiguracyjnych w folderach mojego projektu. Nie utworzyłem nadpisanego pliku konfiguracyjnego. …

173 javascript reactjs webpack ecmascript-6 create-react-app

8

Co oznacza „Generator kodu zdezoptymalizował stylizację [jakiegoś pliku], ponieważ przekracza on maksymalny limit„ 100 KB ””?

Dodałem nowy pakiet npm do mojego projektu i wymagam go w jednym z moich modułów. Teraz otrzymuję tę wiadomość z webpacka, build modulesNote: The code generator has deoptimised the styling of "D:/path/to/project/node_modules/ramda/dist/ramda.js" as it exceeds the max of "100KB". Co to znaczy? Czy muszę coś zrobić?

165 webpack babeljs

7

Jak utworzyć wiele ścieżek wyjściowych w konfiguracji WebPacka

Czy ktoś wie, jak utworzyć wiele ścieżek wyjściowych w pliku webpack.config.js? Używam bootstrap-sass, który jest dostarczany z kilkoma różnymi plikami czcionek itp. Aby webpack mógł je przetworzyć, dołączyłem program ładujący pliki, który działa poprawnie, jednak pliki, które wyprowadza, są zapisywane w ścieżce wyjściowej określonej dla reszta moich plików: output: { …

165 path output config webpack loader

11

Rozwiązywanie wymaga ścieżek za pomocą pakietu internetowego

Nadal nie wiem, jak rozwiązać ścieżki modułów za pomocą pakietu webpack. Teraz piszę: myfile = require('../../mydir/myfile.js') ale chciałbym napisać myfile = require('mydir/myfile.js') Pomyślałem, że solution.alias może pomóc, ponieważ widzę podobny przykład używający { xyz: "/some/dir" }aliasu, wtedy mogę require("xyz/file.js"). Ale jeśli ustawię alias na { mydir: '/absolute/path/mydir' }, require('mydir/myfile.js') nie …

164 javascript webpack

5

Gulp + Webpack czy JUST Webpack?

Widzę ludzi używających łyka z webpackiem. Ale potem przeczytałem, że webpack może zastąpić łyk? Jestem tu całkowicie zdezorientowany ... czy ktoś może wyjaśnić? AKTUALIZACJA w końcu zacząłem od łyka. Byłem nowy w nowoczesnym interfejsie i po prostu chciałem szybko zacząć działać. Teraz, gdy po ponad roku mam mokre stopy, jestem …

161 node.js webpack gulp

16

Błąd: nie można znaleźć modułu „webpack”

Właśnie zaczynam pracę z pakietem webpack i mam trudności z utworzeniem próbki zawierającej wiele punktów wejścia . Plik webpack.config.js w przykładzie zawiera wiersz var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin"); co mi się nie udaje z powodu błędu Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin' Przeszukując okolice, znalazłem inne przykłady użycia CommonsChunkPlugin z wyrażeniem var …

152 node.js webpack

16

Aplikacja create-react-app importuje ograniczenie poza katalog src

Używam aplikacji create-react-app. Próbuję wywołać obraz z mojego publicznego folderu z pliku w moim src/components. Otrzymuję ten komunikat o błędzie. ./src/components/website_index.js Nie znaleziono modułu: próbujesz zaimportować ../../public/images/logo/WC-BlackonWhite.jpg, który znajduje się poza katalogiem src / projektu. Względne importowanie poza src / nie jest obsługiwane. Możesz przenieść go do src / lub …

150 javascript reactjs webpack create-react-app

10

Jak powiedzieć serwerowi webpack dev, aby obsługiwał index.html dla dowolnej trasy

Router React umożliwia obsługę aplikacji React /arbitrary/route. Aby to zadziałało, potrzebuję, aby mój serwer wysyłał aplikację React na dowolną dopasowaną trasę. Jednak serwer webpack nie obsługuje dowolnych punktów końcowych. Jest tutaj rozwiązanie wykorzystujące dodatkowy serwer ekspresowy. Jak zezwolić serwerowi webpack-dev-server, aby zezwolił na punkty wejścia z routera reagującego Ale nie …

148 reactjs ecmascript-6 webpack react-router

Pytania otagowane jako webpack