Articles of webpack

Conflit: plusieurs ressources émettent sous le même nom de fichier

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 = { […]

Webpack-dev-server ne génère pas de cartes source

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: [ […]

Solution: charger les paquets Webpack 2 compilés indépendamment dynamicment

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: […]

Webpack ne peut pas charger le fichier de police: jeton inattendu

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$/, […]

webpack-dev-server ne surveille pas mes modifications de fichiers

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 […]

Erreur: Impossible de résoudre le module ‘style-loader’

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 […]

Quel est l’ordre du chargeur pour webpack?

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 […]

Comment charger font-awesome en utilisant SCSS (SASS) dans Webpack en utilisant des chemins relatifs?

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 […]

Comment regarder index.html en utilisant webpack-dev-server et html-webpack-plugin

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?

L’importation Webpack renvoie undefined, en fonction de l’ordre des importations

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 […]