Preguntas con la etiqueta [webpack]
Webpack es un empaquetador de módulos similar a Grunt o Gulp.
104
preguntas que no tienen votos a favor ni respuestas aceptadas
5
votos
1respuesta
132 vistas
Carga de Componentes Vue.js de fichero único en visual studio 2015
Tengo una solución MVC en VS2015 en la cual utilizo vue.js para generar el binding de datos, para poder utilizar componentes en un fichero con extensión .vue instale webpack.
En primera instancia ...
3
votos
0respuestas
25 vistas
ts-checker-webpack-plugin no puede encontrar una regla personalizada de tslint escrita en TypeScript
Tengo un proyecto de TypeScript con Webpack con los siguiente en package.json
"ts-checker-webpack-plugin": "^0.3.0",
"tslint": "^5.9.1",
"typescript": "^2.8.3",
También tengo un regla personalizada ...
2
votos
0respuestas
19 vistas
webpack: Conflicto entre fuentes e imagenes svg
Recientemente me surgió un problema al compilar archivos sass con webpack, todo lo hace bien.
El único detalle es que las imágenes svg las agrega a la carpeta de las fuentes y ni siquiera me crea la ...
1
voto
0respuestas
17 vistas
Problemas importando proyecto Vue-cli como librería en un proyecto Vue-cli
Estoy trabajando en un "Design System / Storybook" en un proyecto Vue-cli y quiero validar cómo se comportaría importándolo como librería en un proyecto Vue-cli simple.
Según la ...
1
voto
0respuestas
64 vistas
Rails 6 webpack no me carga bootstrap y scss
he empezado un proyecto en Rails 6 y he seguido las guias, he cogido un template de Bootstrap con HTML y CSS, pero al cargar la vista no me muestra bootstrap ni el custom scss.
Bootstrap instalado con ...
1
voto
1respuesta
16 vistas
Usar CDN como paquete NuxtJS
Estoy iniciando en NuxtJS. Estoy intentando usar tecnologías recientes a un proyecto.
Por ahora no quiero tener paquetes como Vue, Vuetify entre otros en el servidor, ya que me seria carga adicional ...
1
voto
0respuestas
41 vistas
Importar módulos de manera dinámica usando async/await
Estoy tratando de usar la configuración de webpack Code Splitting para importar módulos de manera dinámica, pero no estoy 100% seguro de como usar función la import() ya que la documentación dice que ...
1
voto
1respuesta
24 vistas
Webpack imagenes background css
Tengo 3 CSS diferentes los cuales contienen imagenes *.png de background. He probado varias soluciones leidas por aquí para compilarlos correctamente con Webpack encore pero siempre obtengo el mismo ...
1
voto
0respuestas
458 vistas
Error al cargar vue en laravel: Uncaught ReferenceError: require is not defined
Estoy comenzando a utilizar vue. Primero hice mi proyecto en laravel, de ahí ejecute el comando npm install y finalmente npm run dev. Pero al momento de cargar el componente en mi vista, no se muestra ...
1
voto
0respuestas
50 vistas
Error de compilación en app Vue (Parsing error)
Estoy empezando a usar Vue y conociendo la gama de plugins que es posible incorporar con webpack para usarlos en el mismo. La cuestión es que al instalar EsLint, me sale el siguiente error en la ...
1
voto
0respuestas
90 vistas
Webpack me da problema al ejecutarlo desde npm
Tengo un repo en github y quiero hacerle un deploy con heroku configure la app en el sitio de este ultimo y cuando intento hacr un deploy me lanza el siguiente error:
The "path" argument must be of ...
1
voto
0respuestas
44 vistas
rellax.js no puedo inicializarlo en webpack 4
*,
*:after,
*:before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
padding: 0;
margin: 0;
}
.no-padding {
padding-left: 0;
padding-right: 0;
}
.navbar ....
1
voto
1respuesta
88 vistas
Yarn encore / encore webpack syfmony imposible usar jQuery
llevo un buen rato peleandome con esto y no hay manera de hacer funcionar el jquery usando el webpack de symfony.
He seguido este tutorial (creo que es el oficial de symgony) desde el principio:
...
1
voto
0respuestas
1k vistas
Como requerir o importar archivos JS y compilar correctamente por webpack.mix.js
Estoy tratando de construir un proyecto con Laravel basándome, entre otras cosas, en la aplicación de una plantilla de Bootstrap como parte gráfica de la página de inicio del sitio web.
A tal efecto, ...
1
voto
0respuestas
99 vistas
¿Cómo usar Sass con vue-cli y webpack-simple?
Quisiera poder crear los estilos de cada componente con Sass mientras uso vue.js en vez de usar <style lang="scss"></style>.
A lo que me refiero es: tener los estilos de cada componente ...
1
voto
0respuestas
432 vistas
Error “Maximum call stack size exceeded” cuando uso un componente con fetch
Tengo este componente que trae datos de una API:
class GetDPIData extends Component {
constructor(props){
super(props)
this.state = {
data: null
}
}
componentDidMount() {
...
1
voto
1respuesta
204 vistas
¿Por qué tengo que usar webpack en Vue.js cuando uso componentes?
Entiendo que Webpack se utiliza para compilar, minificar o transpilar código para que quede JS que pueda entender el navegador; sin embargo, si utilizo HTML y Vue.js como un scrip agregado, puedo ...
1
voto
0respuestas
337 vistas
You may need an appropriate loader to handle this file type
al tratar de replicar un ejemplo de configurar un entorno para trabajar con React y Node, me aparece un error, dando a entender como si no estuviera el loader respectivo para cargar y transpilar los ...
1
voto
0respuestas
102 vistas
Como cargar videos en formato mp4 con webpack?
Mi webpack.config actual
const webpack = require( 'webpack' );
const ExtractTextPlugin = require( 'extract-text-webpack-plugin' );
const PurifyCSSPlugin = require( 'purifycss-webpack' );
...
1
voto
0respuestas
33 vistas
angular cli update CRASH
He actualizado de la versión 1.3 de angular cli a la 1.6.X y al hacer npm install me sale un error constante de webpack-subresource-integrity con webpack, actualicé webpack a la versión 3.X (lo ...
1
voto
0respuestas
247 vistas
Importar componentes Vue.js
estoy trabajando en un proyecto en .NET con MVC y Vue.js, al momento de querer usar los componentes los tengo que declarar de la siguiente forma:
import Vue from 'vue';
import example from './...
1
voto
0respuestas
40 vistas
al momento de crear un archivo con rails y webpack me genera un error al momento de insertar
cree un archivo con rails y webpack:
rails new myapp --webpack=vue
y me crea un folder dentro de rails:
app/javascript
└── packs
├── app.vue
└── hello_vue.js
app.vue:
<template>
&...
1
voto
0respuestas
316 vistas
Problemas con archivo de configuración en Webpack
Estoy probando una plantilla completa Webpack+React+Redux para integrar en una página web, pero estoy teniendo este error:
/home/salahaddin/Proyectos/redux-webpack-es6-boilerplate/node_modules/...
0
votos
0respuestas
12 vistas
Interpolar urls en css-loader de webpack
Estoy empezando a usar webpack y lo estoy aplicando a algo sencillo pero tengo un problema.
Al utilizar el plugin mini-css-extract-plugin con css-loader me arroja un error debido a que no puede cargar ...
0
votos
0respuestas
6 vistas
postcss-custom-media not working
I´m working in a project. I´m react, css-modules, postcss and post-custom-media.
I added a custom-media but this not working.
I don't have a error in console, but for some reason the media query ...
0
votos
0respuestas
10 vistas
Uncaught ReferenceError: regeneratorRuntime is not defined (proyecto en vanilla javascript)(webpack)
estoy trabajando con webpack, al usar este codigo
const fetchData = async ()=>{
try{
const res = await fetch('../../data/mock.json');
const data = await res.json();
console.log(data)
} ...
0
votos
0respuestas
21 vistas
Problema en carga perezosa Angularjs “Ha fallado la carga del script…” - Mozilla
Contexto:
Trabajo en software web (cliente-servidor) donde el front está elaborado con Angularjs. El desarrollo está echo en ES6 y traspilando a ES5 con Webpack y Babel.
Problema:
Se ha detectado (...
0
votos
0respuestas
3 vistas
WebPack partials with html-webpack-partials-plugin: Not watching files
estoy usando la siguiente configuración para importar archivos parciales HTML en las distintas secciones de mi WebApp:
```// PARTIALS CONFIGURATION
new HtmlWebpackPartialsPlugin([
// The nav_bar....
0
votos
0respuestas
6 vistas
webpack 5 y webpack-dev-server
Alguien sabe como puedo ejecutar webpack-dev-server o si es que existe alguna incompatibilidad, porque utilice varias configuraciones y la verdad que no logro hacer que funcione.
0
votos
1respuesta
176 vistas
npm run dev error (windows)
Estoy trabajando con laravel y cuando hago quiero compilar y hago npm run dev, me sale este error una
y otra vez.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ development: `cross-env NODE_ENV=...
0
votos
0respuestas
18 vistas
Mini css extract plugin de Webpack no exporta
Tengo el siguiente problema, tengo un archivo de configuración de Webpack en el que he implementado el plugin "mini-css-extract-pliguin" como pueden ver aquí:
const path = require('path');
...
0
votos
1respuesta
21 vistas
Problemas con integracion Django 3 y Vue 3
Llevo dos dias intentando integrar Django 3 con Vue 3 y en parte lo he logrado pero no como quisiera.
Escenario. La idea es utilizar Vue 3 para los componentes que requieren Javascript y que no son ...
0
votos
1respuesta
24 vistas
Problema con emotion (styled components) en Gatsby
Utilizo styled component en gatsby pero ahora han actualizado emotion y me tira error. Lo instalo de esta manera en mi proyecto
npm i @emotion/react @emotion/styled gatsby-plugin-emotion
Después, por ...
0
votos
0respuestas
17 vistas
¿ Como guardar archivo de configuración separado despues de hacer build en Vue JS?
Tengo un proyecto de VueJs. Dentro de el, tengo un archivo de configuración. El problema es que cuando hago "npm run build" me mezcla ese código con todo lo demás. Y por motivos largos de ...
0
votos
0respuestas
7 vistas
¿Cómo generar code-splitting en webpack?
tengo un proyecto en el cual uso webpack, react y react-bootstrap, cuando ejecuto
npm run start
la pagina se demora en cargar y mi aparece estos mensajes
el ultimo mensaje me aparece dice:
"...
0
votos
0respuestas
13 vistas
Imagenes y fontawesome en svelte y webpack
Estoy intentando hacer un proyecto en svelte con webpack, en el estoy usando imagenes y fontawesome, lo ejecuto y todo sale bien, pero cuando lo voy a desplegar en netlify, las imagenes y los iconos ...
0
votos
2respuestas
104 vistas
¿Cómo implementar configuración de react-app-rewired a un proyecto de Nextjs?
Soy bastante nuevo en cuanto al tema de diseño y estilos con React, actualmente se me encargo obtener el componente de un Template que se compró, dicho componente se agregará a un proyecto realizado ...
0
votos
0respuestas
8 vistas
¿Como puedo ejecutar webpack-dev-server?
Instale webpack-dev-server pero tengo un problema que a la hora de utilizarlo no lo puedo ejecutar, y me salta estos errores, puedo utilizar webpack normalmente pero su version dev-server no la puedo ...
0
votos
0respuestas
31 vistas
Webpack / npm - Como instalar jquery, bootstrap y boostrap-tables
Uso laravel 7 con plantillas blade, y en estos momentos estoy usando webpack y obtengo un error de compilación que muestro al final del post.
webpack.mix.js
const mix = require('laravel-mix');
mix.js(...
0
votos
0respuestas
26 vistas
Laravel - Webpack no me genera el archivo css
Estoy intentando configurar webpack para laravel 7 y tengo este fichero webpack.mix.js, por un lado tengo los JS, luego los css de vendors (boostrap) y luego mi propio sass
mix.js([
'...
0
votos
0respuestas
52 vistas
Webpack Compilation Error con Cypress
Estoy tratando de hacer pruebas unitarias con Cypress pero a la hora de importar un archivo vue al spec me sale el siguiente error:
Error: Webpack Compilation Error ./src/components/Login.vue 1:0 ...
0
votos
0respuestas
20 vistas
Problemas con Webpack style loader
estoy usando Webpack y esta compilando todo ok, no tira errores ni nada pero los estilos de mi .css no se estan cargando en la web y por lo que entiendo es problema del style loader.
Cuando hago un ...
0
votos
0respuestas
7 vistas
modulo webpack-cli
estoy en un curso de javascript fullstack en youtube, e seguido cada uno de los pasos, pero hay un Error: Cannot find module 'webpack-cli/bin/config-yargs',(https://www.youtube.com/watch?v=mX6NwOwTlzk ...
0
votos
0respuestas
21 vistas
cómo acceder a mi aplicación Vue desde una IP externa?
Estoy desarrollando una aplicación "Vue" y necesito acceder a ella desde una ip externa para comprobar su rendimiento en los dispositivos móviles. La versión de mi webpack es la 3.12.0 y mi &...
0
votos
0respuestas
16 vistas
Laravel - Webpack - Varios ficheros css todos en uno
En mi proyecto laravel tengo distintos ficheros css en la carpeta /resources/sass tengo los archivos app.scss y forms.scss.
La idea que tengo es que al compilar se compile todo en un único fichero css ...
0
votos
2respuestas
34 vistas
No reconoce el comando webpack
tengo el inconveniente de que al momento de querer ejecutar el comando "webpack" para generar la carpeta de produccion me lanza un error. He intentado borrando el cache, usando npm install -...
0
votos
0respuestas
273 vistas
Module parse failed: You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file
Ultimamente he estado siguiendo un tutorial para la configuración de webpack. Lo que sucede es que cada vez que ejecuto "npx webpack" se inicia el proceso de forma normal, solo hasta que es ...
0
votos
0respuestas
19 vistas
Como puedo separar las librerías del empaquetado que hace Laravel Mix
Actualmente tengo configurado laravel mix de esta manera.
const mix = require('laravel-mix');
mix.js('resources/js/app.js', 'public/js').extract(['vue', 'vuetify', 'axios', 'vuex']);
mix.sass('...
0
votos
0respuestas
16 vistas
Webpack-dev-server no hace live-reload
Por mas que configuro y busco en algunos foros, nada me hace que el devserver de webpack haga el live-reload, realiza el build bien y el devserver carga los archivos normalmente, pero a la hora de ...
0
votos
0respuestas
66 vistas
Webpack/React/NodeJs Module not found: Error: Can't resolve al importar imagen
estoy tratando de levantar una aplicacion web con template en reactjs, instale express y webpack entre otras librerias, pero al tratar de generar el bundle.js con npm run webpack me tira el siguiente ...