Questions marquées «webpack»

Webpack est un bundle de modules JavaScript. Webpack prend des modules avec des dépendances et génère des actifs statiques représentant ces modules. Les principales fonctionnalités de Webpack sont enracinées dans l'extensibilité et permettent aux développeurs d'utiliser les meilleures pratiques en matière d'architecture Web et de performances Web.

3
HtmlWebpackPlugin injecte des fichiers de chemin relatif qui se cassent lors du chargement de chemins de site Web non root
J'utilise webpack et le HtmlWebpackPlugin pour injecter js et css groupés dans un fichier de modèle html. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), Et il produit le fichier html suivant. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> …
6
Webpack 4 - Comment configurer minimiser?
Webpack 4 est livré avec la déclaration suivante: webpack.optimize.UglifyJsPlugin a été supprimé, veuillez utiliser config.optimization.minimize à la place. Assez juste, mais je ne trouve aucune information sur la configuration de l'instance UglifyJsPlugin exécutée sous le capot, par exemple pour changer le répertoire de cache. Cela peut-il être fait?
5
Comment accéder au serveur webpack-dev-server à partir d'appareils du réseau local?
Il existe une configuration de serveur de développement Webpack (elle fait partie de l'ensemble de la configuration): config.devServer = { contentBase: './' + (options.publicFolder ? options.publicFolder : 'public'), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path: /^\/api\/(.*)/, target: options.proxyApiTarget, rewrite: rewriteUrl('/$1'), changeOrigin: true }] …
7
Exposez jQuery à un objet Window réel avec Webpack
Je souhaite exposer l'objet jQuery à l'objet de fenêtre global qui est accessible dans la console développeur dans le navigateur. Maintenant, dans ma configuration Webpack, j'ai les lignes suivantes: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Ces lignes ajoutent les définitions jQuery à chaque fichier dans mes …
19
Refusé de charger la police «data: font / woff…», elle enfreint la directive de politique de sécurité du contenu suivante: «default-src 'self'». Notez que 'font-src'
My React WebApp donne cette erreur dans la console du navigateur Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Aussi: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it …
6
webpack ne trouve pas le module si le fichier nommé jsx
Au moment où j'écris webpack.config.js comme ça module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Et dans index.jsxj'importe un reactmoduleApp import React from 'react'; import { render } from …
4
Chargeurs Webpack vs plugins; quelle est la différence?
Quelle est la différence entre les chargeurs et les plugins dans Webpack? La documentation des plugins dit simplement: Utilisez des plugins pour ajouter des fonctionnalités généralement liées aux bundles dans webpack. Je sais que babel utilise un chargeur pour les transformations jsx / es2015, mais il semble que d'autres tâches …
5
Webpack babel 6 décorateurs ES6
J'ai un projet écrit en ES6 avec webpack comme bundler. La plupart des transpilages fonctionnent bien, mais lorsque j'essaye d'inclure des décorateurs n'importe où, j'obtiens cette erreur: Decorators are not supported yet in 6.x pending proposal update. J'ai regardé le suivi des problèmes de Babel et je n'ai rien trouvé …
4
Comment stocker le fichier de configuration et le lire à l'aide de React
Je suis nouveau sur react.js J'ai implémenté un composant dans lequel je récupère les données du serveur et je l'utilise comme, CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting the …
5
Importez dynamiquement des images à partir d'un répertoire à l'aide de webpack
Voici donc mon flux de travail actuel pour l'importation d'images et d'icônes dans Webpack via ES6: import cat from './images/cat1.jpg' import cat2 from './images/cat2.svg' import doggy from './images/doggy.png' import turtle from './images/turtle.png' <img src={doggy} /> Cela devient vite compliqué. Voici ce que je veux: import * from './images' <img src={doggy} …
11
Webpack - webpack-dev-server: commande introuvable
Je travaille sur une webapp React en utilisant webpack, de manière lâche à côté de ce tutoriel . Par accident, j'ai ajouté le dossier node_modules à mon git. Je l'ai ensuite retiré à nouveau en utilisant git rm -f node_modules/*. Maintenant, lorsque j'essaye de démarrer le serveur Webpack, j'obtiens l'erreur …
97 node.js  npm  webpack 
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.