J’utilise webpack pour construire mes composants de réaction et j’essaie d’utiliser le extract-text-webpack-plugin pour séparer mon css de mon fichier js généré. Toutefois, lorsque j’essaie de générer le composant, j’obtiens l’erreur suivante: Module build failed: ReferenceError: window is not defined . Mon fichier webpack.config.js ressemble à ceci: var webpack = require(‘webpack’); var ExtractTextPlugin = require(‘extract-text-webpack-plugin’); […]
J’essaie de construire un projet avec webpack et de réagir avec cette configuration webpack: var path = require(‘path’); var webpack = require(‘webpack’); module.exports = { entry: [ ‘babel-polyfill’, ‘./app/less/main.less’, ‘./app/main.js’, ‘webpack-dev-server/client?http://localhost:8080’ ], output: { publicPath: ‘/’, filename: ‘dist/main.js’ }, debug: true, devtool: ‘source-map’, module: { loaders: [ { test: /\.js$/, include: path.join(__dirname, ‘app’), loader: ‘babel-loader’, […]
Est-ce que quelqu’un sait comment créer plusieurs chemins de sortie dans un fichier webpack.config.js? J’utilise bootstrap-sass qui vient avec quelques fichiers de fonts différents, etc. Pour que webpack traite ces fichiers, j’ai inclus le chargeur de fichiers qui fonctionne correctement, cependant les fichiers qu’il affiche sont enregistrés dans le chemin de sortie que j’ai spécifié […]
Je ne fais que commencer avec Webpack et j’ai de la difficulté à obtenir l’exemple de plusieurs points d’entrée . Le fichier webpack.config.js dans l’exemple inclut la ligne var CommonsChunkPlugin = require(“../../lib/optimize/CommonsChunkPlugin”); qui échoue pour moi avec l’erreur Error: Cannot find module ‘../../lib/optimize/CommonsChunkPlugin’ En cherchant, j’ai trouvé d’autres exemples d’utilisation de CommonsChunkPlugin avec l’expression var […]
Comment puis-je configurer Angular et VSCode pour que mes points d’arrêt fonctionnent?
J’ai un problème où les sourcemaps générés par Webpack en utilisant le paramètre de configuration inline-source-map sont désactivés d’une ligne lorsque j’utilise le débogueur Chrome devtools. Webpack est installé dans une application Ruby on Rails pour générer un fichier JavaScript non concaténé et concaténé composé de quelques dizaines de modules. La plupart de ces modules […]
J’ai ajouté un nouveau paquet npm à mon projet et l’ai demandé dans l’un de mes modules. Maintenant, je reçois ce message de webpack, 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”. Qu’est-ce que ça veut dire? Dois-je prendre des mesures?
Je suis nouveau dans le monde entier de nodejs / reactjs, donc je vous prie de m’excuser si mon QS semble idiot. Donc, je joue avec cette application Reajs ici: https://github.com/bebraw/reactabular Chaque fois que je fais un “npm start”, il tourne toujours sur localhost: 8080 Comment puis-je le changer pour fonctionner sur 0.0.0.0:8080 pour le […]
J’essaie d’automatiser les actifs entrant / sortant. J’ai les config.js suivants: 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” } ] }, resolve: […]
Comment utiliser ES6 dans webpack.config? Comme ce repo https://github.com/kriasoft/react-starter-kit fait? Par exemple: en utilisant cette import webpack from ‘webpack’; au lieu de var webpack = require(‘webpack’); C’est une curiosité plutôt qu’un besoin.