Comment utiliser webpack sans l'extension .jsx?

J'ai défini le fichier de configuration webpack et ajouté le paramètre d'extension sous l'objet de résolution. Mais webpack me demande toujours d'ajouter l'extension .jsx. J'ai également ajouté les alias mais toujours pas de succès s'il vous plaît aider.Comment utiliser webpack sans l'extension .jsx?

Cela fait partie de la configuration

module.exports = { 
    entry: './public/app.jsx', 
    output: { 
    path:__dirname, 
    filename: './public/bundle.js' 
    }, 
    resolve: { 
    root: __dirname, 
    alias: { 
     Greeter : 'public/components/Greeter.jsx', 
     GreeterMessage : 'public/components/GreeterMessage.jsx', 
     GreeterForm : 'public/components/GreeterForm.jsx', 
    }, 
    extension: ['','.js','.jsx'] 
    }, 
    // ... 
}

Source

2017-10-17 bl3ck

Pouvez-vous partager votre config webpack? – djfdev

Veuillez poster la configuration ici. –

entrée 'module.exports = { : './public/app.jsx', sortie: { chemin: __ dirname, nom: » ./public/bundle.js }, résolution: { racine : __dirname, alias: { Greeter: 'composants publics// Greeter.jsx', GreeterMessage: 'composants publics// GreeterMessage.jsx', GreeterForm: 'composants publics// GreeterForm.jsx', }, extension: ['', '.' js ','. jsx '] } '@NanduKalidindi && @djfdev Je n'ai pas jusqu'à 10 points pour télécharger l'image. Cela fait partie du fichier de configuration. Si l'image est encore nécessaire, je peux télécharger vers un service d'hébergement d'images et partager avec vous. – bl3ck

Pour le chargeur que vous utilisez, probablement babel-loader, vous auriez besoin d'ajouter l'expression régulière comme celui-ci à utiliser js ou JSX.

test: /\.js|.jsx$/

https://webpack.js.org/loaders/babel-loader/

Source

2017-10-17 23:45:57 cstls

merci. Il a résolu mon problème – bl3ck

Comment utiliser webpack sans l'extension .jsx?

Répondre

Questions connexes