Articles of webpack

Ottenere “Errore:` output.path` deve essere un percorso assoluto o `/` “

Sono nuovo nello sviluppo di JS, nel tentativo di hot load changes usando webpack-dev-server tengo sopra l’eccezione. Lo stack esatto è: Error: `output.path` needs to be an absolute path or `/`. at Object.Shared.share.setFs (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-middleware/lib/Shared.js:88:11) at Shared (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-middleware/lib/Shared.js:214:8) at module.exports (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-middleware/middleware.js:22:15) at new Server (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-server/lib/Server.js:56:20) at startDevServer (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-server/bin/webpack-dev-server.js:379:12) at processOptions (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-server/bin/webpack-dev-server.js:317:3) at Object. (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-server/bin/webpack-dev-server.js:441:1) at Module._compile […]

Webpack style-loader vs css-loader

Ho due domande. 1) Caricatore e caricatore di stili CSS sono due caricatori di pacchetti Web. Non riuscivo a cogliere la differenza tra i due. Perché devo utilizzare due caricatori quando fanno entrambi lo stesso lavoro? 2) Cos’è questo .useable.less e .useable.css menzionato nei file Readme.md sopra?

Uncaught TypeError: fs.readFileSync non è una funzione

Sto cercando di far interagire webpack e mapbox-gl con il sistema Meteor. Ho cercato ovunque l’errore di cui sopra ma nessuno funziona. Ecco la mia configurazione del webpack { “root”: “src”, “devServer”: { “host”: “localhost” }, “sass”: { “module”: true }, “css”: { “module”: true }, “node”: { “fs”: “empty” }, “externals”: { “fs”: “{}”, […]

caricatore di moduli dinamici webpack da richiedere

OK, ho cercato in alto e in basso, ma non posso deterrmine in modo affidabile se questo è o non è ansible con il webpack. https://github.com/webpack/webpack/tree/master/examples/require.context Appare per indicare che è ansible passare una stringa a una funzione e caricare un modulo … Ma il mio tentativo non funziona: webpack.config.js ‘use strict’; let webpack = […]

Come caricare componenti esterni dinamici nell’applicazione Angolare

Sto affrontando un problema con l’applicazione Angolare. Mi piacerebbe avere un’applicazione angular scritta in TypScript con (aot). L’objective è visualizzare un dashboard utente con alcuni widget. Un widget è una componente angular. La mia app viene fornita con alcuni widget incorporati. Ma i widget dovrebbero essere estesi da qualcosa come un mercato; o creato manualmente. […]

Node JS e token imprevisto Webpack <

Ho iniziato a studiare Node JS . Quindi ecco i miei file. index.html Hello app.js var http = require(“http”), path = require(‘path’) fs = require(“fs”), colors = require(‘colors’), port = 3000; var Server = http.createServer(function(request, response) { var filename = path.join(__dirname, ‘index.html’); fs.readFile(filename, function(err, file) { if(err) { response.writeHead(500, {“Content-Type”: “text/plain”}); response.write(err + “\n”); response.end(); […]

Cosa fa una “ `tilde in un CSS` url () `do?

Ad esempio @import url(“~./foobar”); L’ho visto qui , non so se si tratta di una cosa specifica del pacchetto o se è la syntax CSS effettiva.

Errore: trasformazione delle proprietà della class mancante

Error: Missing class properties transform Test.js : export class Test extends Component { constructor (props) { super(props) } static contextTypes = { router: React.PropTypes.object.isRequired } .babelrc : { “presets”: [“es2015”, “react”, “stage-0”], “plugins”: [“transform-class-properties”] } package.json : “babel-core”: “^6.5.1”, “babel-eslint”: “^4.1.8”, “babel-loader”: “^6.2.2”, “babel-plugin-react-transform”: “^2.0.0”, “babel-plugin-transform-class-properties”: “^6.5.2”, “babel-preset-es2015”: “^6.5.0”, “babel-preset-react”: “^6.5.0”, “babel-preset-stage-0”: “^6.5.0”, “babel-register”: “^6.5.2”, […]

Come ridurre al minimo le dimensioni del pacchetto Webpack?

Sto scrivendo un’app Web utilizzando react e webpack come il mio modulo bundler. Il mio codice jsx è davvero leggero finora, la dimensione dell’intera cartella è 25 kb. Il mio bundle.js creato da webpack è 2.2 MB. Dopo aver eseguito l’ottimizzazione con il flag -p , riduce il bundle a 700kb, che è ancora estremamente […]

Come rendere il server di sviluppo webpack eseguito sulla porta 80 e su 0.0.0.0 per renderlo pubblicamente accessibile?

Sono nuovo di tutto il mondo nodejs / reactjs, quindi mi scuso se il mio qs sembra sciocco. Quindi sto giocando con questa app reactjs qui: https://github.com/bebraw/reactabular Ogni volta che faccio un “npm start” gira sempre su localhost: 8080 Come posso modificarlo per funzionare su 0.0.0.0:8080 per renderlo pubblicamente accessibile? Ho cercato di leggere il […]