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.
Próbuję podsumować moją wiedzę na temat najpopularniejszych menedżerów pakietów JavaScript, programów pakujących i osób wykonujących zadania. Proszę popraw mnie jeżeli się mylę: npmi bowersą menedżerami pakietów. Po prostu pobierają zależności i nie wiedzą, jak samodzielnie budować projekty....
Używam Webpack w mojej aplikacji, w której tworzę dwa punkty wejścia - bundle.js dla wszystkich moich plików / kodów JavaScript i vendors.js dla wszystkich bibliotek takich jak jQuery i React. Co mam zrobić, aby korzystać z wtyczek, które mają zależności jQuery i chcę mieć je również w vendors.js?...
Jaka jest najlepsza metoda łączenia Angulara (wersja 2, 4, 6, ...) do produkcji na serwerze sieciowym na żywo. Dołącz odpowiedź Angular do odpowiedzi, abyśmy mogli lepiej śledzić zmiany w późniejszych
Utworzyłem pusty projekt React, używając polecenia: npx create-react-appna npm v7.0.7 i Node v15.0.1 Zainstalowano: React v17.0.1, node-sass v5.0.0, Następnie próbowałem zaimportować pusty plik .scss do komponentu aplikacji: App.js import './App.scss' function App() { return ( <div...
Próbuję przejść od Gulpdo Webpack. W GulpMam zadanie, które kopiuje wszystkie pliki i foldery z / static / folder do / build / folder. Jak zrobić to samo z Webpack? Czy potrzebuję
Jestem nowy w webpacku i potrzebuję pomocy w konfiguracji, aby generować sourcemaps. Uruchamiam webpack servez wiersza poleceń, który kompiluje się pomyślnie. Ale naprawdę potrzebuję sourcemaps. To jest mój webpack.config.js. var webpack = require('webpack'); module.exports = { output: {...
Próbuję przekonwertować aplikację kątową z gulp na webpack. w gulp używam gulp-preprocess do zamiany niektórych zmiennych na stronie HTML (np. nazwa bazy danych) w zależności od NODE_ENV. Jaki jest najlepszy sposób na osiągnięcie podobnego rezultatu z
Zaczynam nowy projekt vue.js, więc użyłem narzędzia vue-cli, aby stworzyć nowy projekt pakietu WWW (tj vue init webpack.). Przechodząc przez wygenerowane pliki, zauważyłem następujący import do src/router/index.jspliku: import Vue from 'vue' import Router from 'vue-router' import Hello from...
Używam Angular 2+ i Angular CLI. Jak dodać czcionkę niesamowitą do mojego
WebPACK docs stwierdzają, że output.publicPathjest: Z output.pathwidoku JavaScript. Czy mógłbyś wyjaśnić, co to właściwie oznacza? Używam output.pathi output.filenamedo określania, gdzie Webpack powinien wypisać wynik, ale nie jestem pewien, co należy umieścić output.publicPathi czy jest to...
Przeczytałem kilka stron na temat wymiany modułu na gorąco w pakiecie internetowym. Jest nawet przykładowa aplikacja, która z niej korzysta . Przeczytałem to wszystko i wciąż nie mam pojęcia. Co mogę z tym zrobić? Czy ma to być wykorzystywane tylko w rozwoju, a nie w produkcji? Czy to jak...
Mam dwa pytania. 1) CSS Loader i Style Loader to dwa moduły ładujące webpack. Nie mogłem zrozumieć różnicy między nimi. Dlaczego muszę używać dwóch ładowarek, gdy oba wykonują tę samą pracę? 2) Co to jest .useable.less i .useable.css wspomniane w powyższych plikach...
Oto moje webpack.config.js var webpack = require("webpack"); module.exports = { entry: "./entry.js", devtool: "source-map", output: { path: "./dist", filename: "bundle.min.js" }, plugins: [ new webpack.optimize.UglifyJsPlugin({minimize: true}) ] }; Buduję z $ webpack W moim...
Tworzę moją pierwszą aplikację Angular i zastanawiam się, jaka jest rola modułów ładujących. Dlaczego ich potrzebujemy? Próbowałem wyszukiwać i wyszukiwać w Google i nie rozumiem, dlaczego musimy zainstalować jeden z nich, aby uruchomić naszą aplikację? Czy nie wystarczy po prostu użyć importdo...
Próbuję uruchomić kod ES6 w moim projekcie, ale pojawia się nieoczekiwany błąd eksportu tokena. export class MyClass { constructor() { console.log("es6");
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ż
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 =...
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ń...
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:...
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...