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

Does it work with Browserify?

Offen
#263 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
question
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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.