javascript - Kuinka muuttaa tuontipolkuja dynaamisesti webpackissa?
Minulla on joukko vientituotteita, jotka yleensä tuon yhdestä hakemistosta:
import { myThing } from 'path/to/dir/es5/things'Kuitenkin, jos suoritan webpackin tietyn NODE_ENV-arvon kanssa, haluaisin, että kaikkien tällaisten importtien juurta kohdellaan es6:nä:
import { Lue lisää →javascript - React Webpack Dev Server main.js ei löytynyt
Käytän Reactia Webpack 4:n kanssa ja kehittelen webpackin kehityspalvelimen avulla. Tämä toimii täydellisesti, mutta minulla on yksi ongelma.
Kehityspalvelin luo tiedoston "main.js". Ongelma ilmenee, kun olen esimerkiksi sivulla /edit/1.
historyApiFallback varmistaa, etten saa 404-virhettä, vaan että index.html tied
Lue lisää →typescript - Tetherin käyttäminen Webpackin kanssa (Angular CLI)
Kehitän projektia käyttäen Angular CLI:tä. Joten asensin tetherin komennolla npm install tether --save ja importoin riippuvuuden tiedostossa app.component.ts käyttämällä import * as Tether from 'tether'.
Kun yritän alustaa Tetherin komennolla new Tether({ ... }), konsoliin tulee seuraava virhe
Lue lisää →javascript - Webpack: miten asetetaan jotkut moduulit ladattavaksi ensin?
Minulla on vaatimus ladata jokin moduuli ensiksi, koska tätä moduulia tarvitaan perinnössä. Ongelma on, että TypeScript alkaa laajentaa välittömästi, vaikka perustason luokkaa ei ole vielä ladattu. Kysymys kuuluu: onko olemassa jotain liitännäistä, joka voi muuttaa latausjärjestystä? Kiitos.
Context.ts
import { Transform } from './Transform'; import { Form } from './Form'; export class Context { public transform() { return new Transform(this); } publ Lue lisää →javascript - Firebasea käyttäen Webpackin ja TypeScriptin kanssa
Yritän hakea tietoja Firebase-instanssista, mutta kohtaan ongelman yrittäessäni sitoa ne muuttujaan. Käytän TypeScriptiä ja Webpackia rakentamiseen.
main.ts
import * as Firebase from 'firebase'; class filter { constructor(){ let ref = new Firebase('my-url-here'); } }Tyyppimääritykset ja npm-moduuli on asennettu ja toimivat, eikä Visual Code näytä virheitä, mutta kun avaan selaimen, saan:
VIRHE
Lue lisää →typescript - Ongelmia npm-pakettien lataamisessa webpackin kanssa
Päätän aloittaa Angular 2:lla ja webpackilla. Mutta nyt minulla on ongelma. Aloitan joillakin webpack-esimerkeillä, kuten:
oppiminen-webpack
webpack-esittelyt
Ja jos näet, että package.json (node_modules-kansio) on POIS webpack-esimerkeistä, se ei kuitenkaan ole ongelma esimerkkien käynnistämiselle. Mutta kun yritän tehdä saman Angular 2:lla, saan seuraavan virheen:
ERROR in Error: Child compilation failed: Entry module not found: Error: Cannot resolve modu Lue lisää →angularjs - angular + mocha + typescript + webpack testaus
Minulla on suuri Angular-projekti, joka on kirjoitettu Typescriptillä ja joka käännetään paketiksi Webpackilla. Kun käytän Karmia, minulla on ollut sivun uudelleenlatausongelma, jota en saa ratkaistua. Siksi olen siirtynyt kokeilemaan Mocha, mutta en saa sitä toimimaan kunnolla. Olen seurannut tämän kysymyksen hyväksyttyä vastausta päästäkseni tähän asti.
Ensimmäinen ongelma
Ehkä joku voi kertoa minulle, mitä teen väärin, tai näyttää minulle oikean tavan järjestää
Lue lisää →angularjs - Webpack-varoitus Windowsissa - On olemassa toinen moduuli, jolla on sama nimi kun kirjainkoko jätetään huomioimatta
Kun suoritan demoa Windows 10 X64:ssa osoitteesta https://angular.io/docs/ts/latest/guide/webpack.html, saan suuren määrän varoituksia. Esim.:
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:/zc_tes Lue lisää →Rakenna js-kirjasto webpackilla TypeScript-määritelmien kanssa
Esimerkiksi minulla on kirjasto, joka sisältää 2 tiedostoa kirjoitettuna commonjs:llä.
button.js tyypityksillä button.d.ts:
class Button {}; export = Button;index.js tyypityksillä index.d.ts:
import Lue lisää →npm - Typescript käännä erilliset ts-tiedostot, webpack
Yritän käyttää suoraan npm:ää rakennustyökaluna kääntämään TypeScript-tiedostoja AngularJS:lle.
Minulla on TypeScript-rakenne, joka näyttää tältä.
ts home Home.Controller.ts Home.Directive.ts home.html Home.Service.tsKäytän webpack.config.js-tiedostoa kääntääkseni ts-tiedostot.
var glob = require("glob"); module.exports = { entry: glob.sync('./src/app/**/*.ts'), Lue lisää →