gajus / gajus/babel-plugin-react-css-modules
Does it work with Browserify?
- 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