gajus / gajus/babel-plugin-react-css-modules
Does it work with Browserify?
- Vorherrschende Sprache
- JavaScript
- Sterne
- 2k
- Forks
- 159
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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",
```
Beitragsleitfaden
Für dieses Repository ist kein Beitragsleitfaden indexiert
Rechercherichtung
Beginnen Sie mit der gezeigten Gulp-Aufgabe und ihrer Browserify-babelify-Transform-Konfiguration. Prüfen Sie anschließend, wie der CSS-Import zu babel-plugin-react-css-modules gelangt. Reproduzieren Sie den Unexpected token-Fehler mit den aufgeführten Paketversionen und verifizieren Sie, dass der importierte CSS-Code verarbeitet wird, statt als JavaScript geparst zu werden.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- babel, css, javascript, react
- Bereich
- build-system, frontend
- Issue-Typ
- Bug
- Schwierigkeit
- 3/5
- Geschätzter Aufwand
- 1-2 Tage
- Aktivitätsstatus
- Veraltet
- Klarheit
- Größtenteils klar
- Anfängerfreundlichkeit
- 42/100