Weboldal keresés
javascript - Hogyan lehet dinamikusan megváltoztatni az import útvonalakat a webpack-ben?
Van egy exportkészletem, amelyet általában egy könyvtárból importálok:
import { myThing } from 'path/to/dir/es5/things'Azonban, ha a webpacket egy adott NODE_ENV beállítással futtatom, szeretném, ha az összes ilyen import gyökere es6-ként lenne kezelve:
import { myThing További információ →javascript - React Webpack Dev Server main.js nem található
Reactot használok Webpack 4-gyel, és a webpack fejlesztői szerverrel fejlesztek. Ez tökéletesen működik, azonban van egy problémám.
A fejlesztői szerver létrehoz egy "main.js" fájlt. A probléma akkor merül fel, amikor például az /edit/1 oldalon vagyok.
A historyApiFallback biztosítja, hogy ne kapjak 404-et, hanem a
További információ →typescript - Tether használata webpack-kel (Angular CLI)
Egy projektet fejlesztek Angular CLI használatával. Tehát telepítettem a tetőhöz a tether-t a npm install tether --save parancs használatával, és importáltam a függőséget az app.component.ts fájlba a import * as Tether from 'tether' segítségével.
Amikor megpróbálom inicializálni a Tethert a new Tethe
További információ →javascript - Webpack: hogyan lehet néhány modult elsőként betölteni?
Először be kell töltenem egy modult, mert erre a modulra szükség van az öröklődésben. A probléma az, hogy a TypeScript azonnal elkezd kiterjeszteni, még akkor is, ha az alap osztályt még nem töltötték be. A kérdés az: létezik-e olyan bővítmény, amely meg tudja változtatni a betöltési sorrendet? Köszönöm.
Context.ts
import { Transform } from './Transform'; import { Form } from './Form'; export class Context { public transform() { return new Transform(this); További információ →javascript - Firebase használata Webpackkel és TypeScripttel
Megpróbálok adatokat lekérni egy Firebase példányból, de problémába ütközöm, amikor megpróbálom hozzárendelni egy változóhoz. TypeScriptet és Webpacket használok a buildeléshez.
main.ts
import * as Firebase from 'firebase'; class filter { constructor(){ let ref = new Firebase('my-url-here'); } }A típusdefiníciók és az npm modul telepítve vannak és működnek, és a Visual Code nem jelez hibát, de amikor a böngészőben megnyito
További információ →TypeScript - Probléma az npm csomagok betöltésével a webpack használatakor
Úgy döntöttem, hogy az Angular 2-vel és a webpackkel kezdek. De most van egy problémám. Néhány webpack példával kezdtem, mint például:
webpack tanulása
webpack-demók
És ha látod, hogy a package.json (node_modules mappa) KÍVÜL van a webpack példákból, az nem probléma a példák elindításához. De amikor ugyanazt próbálom Angular 2-vel csinálni, a következő hibát kapom:
ERROR in Error: Child compilation failed: Entry module not found: Error: Cannot resolve modul További információ →angularjs - angular + mocha + typescript + webpack tesztelés
Van egy nagy Angular projektem, amely Typescriptben van írva, és a Webpack egy csomaggá alakítja. Amikor a Karmát használom, egy oldal újratöltési problémába ütközöm, amelyet nem tudok megoldani. Ezért áttértem a Mocha kipróbálására, de nem sikerül rendesen működésre bírnom. Követtem a kérdéshez elfogadott választ, hogy eddig eljussak.
Első probléma
Talán valaki el tudja mondani, mit csinálok rosszul, vagy meg tudja mutatni, hogyan kell helyesen beállítani ezt.
További információ →angularjs - Webpack figyelmeztetés Windows rendszeren - Van egy másik modul azonos névvel, ha a kis- és nagybetűt figyelmen kívül hagyjuk
Amikor a demót futtatom Windows10 X64 rendszeren a https://angular.io/docs/ts/latest/guide/webpack.html oldalról, rengeteg figyelmeztetést kapok. pl.:
WARNING in ./~/.npminstall/rxjs/5.0.0-beta.6/rxjs/Notification.js There is another module with an equal name when case is ignored. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Rename module if multiple modules are expected or use equal casing if one module is expected. WARNING in E További információ →Készítsen js könyvtárat webpack segítségével TypeScript definíciókkal
Például van egy könyvtáram, amely 2 fájlt tartalmaz, amelyek commonjs-ben íródtak.
button.js típusdefiníciókkal button.d.ts:
class Button {}; export = Button;index.js a típusdefiníciókkal index.d.ts:
További információ →npm - Typescript külön .ts fájlok fordítása, webpack
Próbálom közvetlenül az npm-et használni build eszközként TypeScript fájlok fordításához AngularJS-hez.
Van egy TypeScript struktúrám, ami így néz ki.
ts home Home.Controller.ts Home.Directive.ts home.html Home.Service.tsEgy webpack.config.js fájlt használok a ts fájlok fordításához.
var glob = require("glob"); module.exports = { entry: glob.sync('./src/app/**/*.ts'), További információ →