Je suis une recrue de webpack qui veut tout apprendre à ce sujet. J’ai rencontré un conflit lors de l’exécution de mon webpack en me disant: ERROR in chunk html [entry] app.js Conflict: Multiple assets emit to the same filename app.js Que dois-je faire pour éviter le conflit? Ceci est mon webpack.config.js: module.exports = { […]
J’utilise babel-loader , mais je n’arrive pas à comprendre comment générer ou trouver des cartes source pour les fichiers transpilés. J’ai essayé eval-source-map , inline-source-map , source-map . webpack.config.js const BowerWebpackPlugin = require(“bower-webpack-plugin”); module.exports = { entry: ‘./src/script/index.jsx’, output: { filename: ‘bundle.js’, sourceMapFilename: “bundle.js.map”, publicPath: ‘http://localhost:8090/assets’ }, debug: true, devtool: ‘inline-source-map’, module: { loaders: [ […]
Je voudrais partager comment regrouper une application qui agit comme un hôte de plug – in et comment elle peut charger dynamicment les plug-ins installés. Tant l’application que les plugins sont livrés avec Webpack L’application et les plugins sont compilés et dissortingbués indépendamment . Plusieurs personnes sur le net cherchent une solution à ce problème: […]
J’ai un fichier style.css qui utilise un fichier de fonts et j’ai des difficultés à charger le fichier de fonts à l’aide de Webpack. Voici ma configuration de chargeur: loaders : [ { test : /\.(js|jsx)$/, exclude : /node_modules/, loader : ‘react-hot!babel-loader’ }, { test : /\.styl/, loader : ‘style-loader!css-loader!stylus-loader’ }, { test : /\.css$/, […]
Lorsque je modifie mes fichiers alors que webpack-dev-server est en cours d’exécution, les fichiers de l’ensemble ne sont pas mis à jour. Voici mes fichiers webpack.config.js et package.json, comme vous pouvez le voir sur mon script npm, j’ai résolu de webpack watch et webpack-dev-server dans la même commande ( npm run watch & webpack-dev-server –content-base […]
J’utilise style-loader avec webpack et réagit. Lorsque je lance webpack in terminal, je Module not found: Error: Cannot resolve module ‘style-loader’ dans le fichier import.js bien que j’ai spécifié le chemin du fichier correctement. import ‘../css/style.css’; import React from ‘react’; import ReactDOM from ‘react-dom’; import jQuery from ‘jquery’; import TopicsList from ‘../components/topic-list.jsx’; import Layout from […]
Lorsque j’ai une configuration de chargeur avec plusieurs tests correspondant à un fichier, je m’attendrais à ce que seul le premier chargeur correspondant soit utilisé, mais cela ne semble pas être le cas. J’ai essayé de lire la source mais même quand j’ai trouvé le bit qui, je pense, implémente le chargement, je ne peux […]
J’ai un fichier font-awesome dans mon dossier node_modules, donc j’essaie de l’importer dans mon fichier .scss principal comme ceci: @import “../../node_modules/font-awesome/scss/font-awesome.scss”; Mais la compilation des packs Webpack échoue, me disant Error: Cannot resolve ‘file’ or ‘directory’ ../fonts/fontawesome-webfont.eot car le fichier font-awesome.scss fait référence à un chemin relatif, “../fonts/”. Comment puis-je indiquer à scss \ webpack […]
J’utilise webpack-dev-server pour le développement avec html-webpack-plugin pour générer le fichier index.html avec des sources de révision. Le truc, c’est qu’à chaque fois que je change d’index.html, le système groupé ne se reconstruira plus. Je sais que l’index n’est pas dans l’entrée, mais y a-t-il un moyen de résoudre ce problème?
J’utilise webpack + babel. J’ai trois modules ressemblant à ceci: // A.js // some other imports here console.log(‘A’); export default ‘some-const’; // B.js import someConst from ‘./A’; console.log(‘B’, someConst); export default ‘something-else’; // main.js import someConst from ‘./A’; import somethingElse from ‘./B’; console.log(‘main’, someConst); Lorsque main.js est exécuté, je vois ce qui suit: B undefined […]