La programmation webpack

8

Je travaille avec webpack et je dois exécuter en ./node_modules/webpack/bin/webpack.jsutilisant npx. npx webpackexécuterait le webpack binary ( ./node_modules/webpack/bin/webpack), mais chaque fois que j'exécute npx webpack, je reçois bash: npx: command not found. J'utilise: nœud: v9.5.0 npm: 5,6,0 nvm: 1.1.5 pack Web: 3.11.0

88 node.js npm webpack npx

6

Implémentation des modules ES6, comment charger un fichier json

J'implémente un exemple de https://github.com/moroshko/react-autosuggest Le code important est comme ceci: import React, { Component } from 'react'; import suburbs from 'json!../suburbs.json'; function getSuggestions(input, callback) { const suggestions = suburbs .filter(suburbObj => suburbMatchRegex.test(suburbObj.suburb)) .sort((suburbObj1, suburbObj2) => suburbObj1.suburb.toLowerCase().indexOf(lowercasedInput) - suburbObj2.suburb.toLowerCase().indexOf(lowercasedInput) ) .slice(0, 7) .map(suburbObj => suburbObj.suburb); // 'suggestions' will be an …

88 javascript json reactjs webpack

6

'Symbol' n'est pas défini dans IE après l'utilisation de babel

J'ai une reactjsapplication écrite en utilisant les normes ES6, et je l'utilise webpackpour la créer. Le webpackcharge les jsmodules en utilisant babel-loader. Pour être précis, j'utilise les versions de packages suivantes: ├── babel@5.8.34 ├── babel-core@5.8.34 ├── babel-loader@5.4.0 └── webpack@1.12.6 Cependant, après l'avoir construit, l'IE 10 donne l'erreur suivante 'Symbol' is …

87 reactjs webpack babeljs

7

Conflit: plusieurs actifs émettent vers le même nom de fichier

Je suis une recrue webpack qui veut tout savoir à ce sujet. Je suis tombé sur un conflit lors de l'exécution de mon webpack 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? Voici mon …

87 javascript node.js webpack config conflict

5

Plusieurs fichiers HTML à l'aide de Webpack

J'essaye de faire quelque chose dans un projet dont je ne sais pas si c'est possible, je suis dans une mauvaise direction ou je ne comprends pas quelque chose. Nous utilisons webpack, et l'idée est de servir plus d'un fichier html. localhost: 8181 -> sert index.html localhost: 8181 / example.html …

87 webpack webpack-dev-server

10

Les fichiers prédéfinis ne sont pas autorisés à exporter des objets

J'ai un fichier carrousel dans lequel je veux obtenir index.jset construire block.build.js, donc mon webpack.config.jsest: var config = { entry: './index.js', output: { path: __dirname, filename: 'block.build.js', }, devServer: { contentBase: './Carousel' }, module : { rules : [ { test: /.js$/, loader: 'babel-loader', exclude: /node_modules/, query: { presets: ['react', …

87 reactjs webpack babeljs

22

Webpack: «il existe plusieurs modules dont les noms ne diffèrent que par le boîtier» mais les modules référencés sont identiques

J'utilise webpack 3.8.1 et je reçois plusieurs instances de l'avertissement de construction suivant: WARNING in ./src/Components/NavBar/MainMenuItemMobile.js There are multiple modules with names that only differ in casing. This can lead to unexpected behavior when compiling on a filesystem with other case-semantic. Use equal casing. Compare these module identifiers: * /Users/path/to/babel-loader/lib/index.js!/Users/path/to/NavBar/MainMenuItemMobile.js …

86 webpack webpack-hot-middleware

5

ERREUR dans Impossible de trouver le module 'babel-core'. en utilisant react.js, webpack et serveur express

Chaque fois que je cours webpackdans le terminal, j'obtiens: Hash: efea76b1048c3a97b963 Version: webpack 1.12.13 Time: 33ms + 1 hidden modules ERROR in Cannot find module 'babel-core' Voici mon fichier webpack.config.js module.exports = { entry: './app-client.js', output: { filename: 'public/bundle.js' }, module: { loaders: [ { exclude: /(node_modules|app-server.js)/, loader: 'babel' } …

84 javascript express reactjs webpack babeljs

3

Webpack ProviderPlugin vs externes?

J'explore l'idée d'utiliser Webpack avec Backbone.js . J'ai suivi le guide de démarrage rapide et j'ai une idée générale du fonctionnement de Webpack, mais je ne sais pas comment charger une bibliothèque de dépendances telle que jquery / backbone / underscore. Devraient-ils être chargés en externe <script>ou est-ce quelque chose …

84 backbone.js requirejs amd webpack

4

Sorties du chargeur de fichiers Webpack [Module objet]

J'utilise webpack avec HtmlWebpackPlugin, html-loaderet file-loader. J'ai une structure de projet simple dans laquelle je n'utilise pas de frameworks, mais uniquement du texte dactylographié. Ainsi, j'écris directement mon code HTML index.html. J'utilise également ce fichier HTML comme modèle dans HtmlWebpackPlugin. Comme tous les sites Web, j'ai besoin de mettre une …

40 javascript html webpack

3

Webpack ne peut pas compiler ts 3.7 (chaînage en option, coalescence nulle)

J'essaie d'utiliser des typescript 3.7fonctionnalités comme le chaînage facultatif, la coalescence nulle. Mais webpackme donne une erreur lors du transpaling. app: Module parse failed: Unexpected token (50:40) app: File was processed with these loaders: app: * ../../../node_modules/ts-loader/index.js app: You may need an additional loader to handle the result of these …

21 typescript webpack ts-loader

2

Comment exporter plusieurs modules ES6 à partir d'un package NPM

J'ai construit un package NPM relativement petit composé d'environ 5 classes ES6 différentes contenues dans un fichier chacune, elles ressemblent toutes à peu près à ceci: export default class MyClass { // ... } J'ai ensuite configuré un point d'entrée pour mon package qui ressemble à ceci: export { default …

16 javascript webpack babeljs es6-modules

1

TypeError: Impossible de lire la propriété «webpackJsonp» de non défini

J'ai une application React (app A), créée il y a environ 2 ans à l'aide de create-react-app, et elle est éjectée. L'application est exportée en tant que module commonjs2 et expédiée dans un package NPM, pour être utilisée dans un projet next.js (application B). Tout s'est bien passé jusqu'à ce …

16 reactjs npm webpack next.js

5

Meilleures pratiques pour la bibliothèque de composants partagés

Je crée une bibliothèque de composants React partageable. La bibliothèque contient de nombreux composants, mais l'utilisateur final n'aura peut-être qu'à en utiliser quelques-uns. Lorsque vous regroupez du code avec Webpack (ou Parcel ou Rollup), il crée un fichier unique avec tout le code . Pour des raisons de performances, je …

12 reactjs npm webpack es6-modules rollup

2

Quand je npm runbuild dans vue.js obtient l'erreur L'interface 'NodeRequire' ne peut pas étendre simultanément les types 'Require'

ERROR in C:/phpStudy2018/PHPTutorial/WWW/Tms.Web/node_modules/@types/node/globals.d.ts(139,11): 139:11 Interface 'NodeRequire' cannot simultaneously extend types 'Require' and 'RequireFunction'. Named property 'cache' of types 'Require' and 'RequireFunction' are not identical. 137 | 138 | // For backwards compability > 139 | interface NodeRequire extends NodeJS.Require {} | ^ 140 | interface RequireResolve extends NodeJS.RequireResolve {} 141 …

12 typescript vue.js webpack

Questions marquées «webpack»