gajus / gajus/babel-plugin-react-css-modules

Does it work with Browserify?

Ouverte
#263 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
question
Langage dominant
JavaScript
Étoiles
2k
Forks
159
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

Does this plugin work with babelify? (browserify plugin for babel)

I've been trying to make it work but no luck, here is my Gulp task:

```js
gulp.task('react', function() {
const b = browserify({
entries: path.join(webContentDir, 'app/index.js'),
extensions: ['.js', '.jsx'],
debug: true,
transform: [
babelify.configure({
presets: [
'@babel/preset-env',
'@babel/preset-react'
],
plugins: [
['@babel/transform-react-jsx', {'pragma': 'h'}],
['babel-plugin-react-css-modules']
]
})
]
});
return b.bundle()
.pipe(source(path.join(webContentDir, 'dist/bundle.js')))
.pipe(gulp.dest('.'));
});
```

When I import a CSS file it seems to not process it with this plugin at all (as if I don't include it):

```
.answer-input {
^
ParseError: Unexpected token
```

Any ideas why it's not working?

```
"@babel/core": "^7.4.5",
"@babel/plugin-transform-react-jsx": "^7.3.0",
"@babel/preset-env": "^7.4.5",
"@babel/preset-react": "^7.0.0",
"babel-plugin-react-css-modules": "^5.2.6",
"babelify": "^10.0.0",
"browserify": "^16.2.3",
```

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Piste de recherche

Commencez par la tâche Gulp présentée et sa configuration de transformation Browserify babelify, puis vérifiez comment l’importation CSS parvient à babel-plugin-react-css-modules. Reproduisez l’erreur Unexpected token avec les versions de packages indiquées et vérifiez que le CSS importé est traité au lieu d’être analysé comme du JavaScript.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
babel, css, javascript, react
Domaine
build-system, frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
42/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.