Does it work with Browserify?
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 42/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- babel, css, javascript, react
- Área
- build-system, frontend
Línea de trabajo
Comience con la tarea de Gulp mostrada y su configuración de transformación de Browserify babelify; después, compruebe cómo llega la importación de CSS a babel-plugin-react-css-modules. Reproduzca el error Unexpected token con las versiones de los paquetes indicadas y verifique que el CSS importado se procese en lugar de analizarse como JavaScript.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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:
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",
- Lenguaje dominante
- JavaScript
- Estrellas
- 2k
- Forks
- 159
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Preparar el entorno
Aún no hemos revisado los archivos de configuración de este proyecto. Empieza por su README y consulta nuestra guía para la primera contribución para los pasos generales.
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de gajus/babel-plugin-react-css-modules
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
-
doesn't work with thread-loaderAbierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
gajus/babel-plugin-react-css-modules#309 · 1 reacción ·
-
doesn't work with windicssAbierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
-
Dificultad 3/5 1-2 días Aptitud para principiantes 20/100
gajus/babel-plugin-react-css-modules#306 · 1 comentario ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
gajus/babel-plugin-react-css-modules#304 · 7 comentarios · 1 reacción ·
Todos los issues de gajus/babel-plugin-react-css-modules
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 92/100
parse-community/parse-server#10699 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
area: dashboard bug perceived difficulty: 3
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
Nitjsefnie-Harness-Commons/daedalus#1179 ·
Los mantenedores suelen responder en 1 día
-
Aframe enhancement javascript
Dificultad 1/5 Menos de una hora Aptitud para principiantes 92/100
webarkit/Aframe-nft#17 ·
-
spec-feedback
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100