Preguntas etiquetadas con webpack

Entiendo la esencia general de que CommonsChunkPluginexamina todos los puntos de entrada, comprueba si hay paquetes / dependencias comunes entre ellos y los separa en su propio paquete. Entonces, supongamos que tengo la siguiente configuración: ... enrty : { entry1 : 'entry1.js', //which has 'jquery' as a dependency entry2 : …

82 javascript  webpack  bundle  webpack-plugin  commonschunkplugin 

Me gustaría saber si hay una opción de configuración para decirle a webpack que solo registre la "información importante" en la terminal. Prácticamente solo errores y advertencias, no todo esto: ¡Hay tanta salida! Me encantaría suprimir las cosas comunes y solo que el paquete web muestre las advertencias / errores. …

82 webpack  webpack-dev-server 

Estoy tratando de importar un tema desde un módulo CSS pero TypeScript me da un error "No se puede encontrar el módulo" y el tema no se aplica en tiempo de ejecución. Creo que hay algún problema con la configuración de mi paquete web, pero no estoy seguro de dónde …

82 typescript  import  sass  webpack  css-modules 

Estoy tratando de usar webpack-dev-server para compilar archivos e iniciar un servidor web dev. En mi package.json, tengo la propiedad de script establecida en: "scripts": { "dev": "webpack-dev-server --hot --inline", } Entonces el --hoty--inline debería habilitar el servidor web y la recarga en caliente (según tengo entendido). En mi webpack.config.jsarchivo …

82 javascript  webpack  vue.js  webpack-dev-server 

Recibo tres mensajes de advertencia al importar requesten un proyecto de paquete web básico. Un ejemplo mínimo para reproducir el error está disponible en GitHub (ejecutar npm instally npm start). Critical dependency: the request of a dependency is an expression ¿Cómo puedo deshacerme de esta advertencia? Más información: Webpack intenta …

81 webpack  request  ajv 

Estoy usando webpack con HtmlWebpackPlugin, html-loadery file-loader. Tengo una estructura de proyecto simple en la que no uso marcos, sino solo mecanografiado. Por lo tanto, escribo mi código HTML directamente en index.html. También uso este archivo HTML como mi plantilla HtmlWebpackPlugin. Como todos los sitios web, necesito poner una imagen …

40 javascript  html  webpack 

Intento usar typescript 3.7características como encadenamiento opcional, fusión nula. Pero webpackme da un error al transpalear. app: Module parse failed: Unexpected token (50:40) app: File was processed with these loaders: app: * ../../../node_modules/ts-loader/index.js app: You may need an additional loader to handle the result of these loaders. app: | export …

21 typescript  webpack  ts-loader 

He creado un paquete NPM relativamente pequeño que consta de aproximadamente 5 clases ES6 diferentes contenidas en un archivo cada una, todas se parecen a esto: export default class MyClass { // ... } Luego configuré un punto de entrada para mi paquete que se ve así: export { default …

16 javascript  webpack  babeljs  es6-modules 

Tengo una aplicación de reacción (aplicación A), creada hace aproximadamente 2 años usando create-react-app, y se expulsa. La aplicación se exporta como un módulo commonjs2 y se envía en un paquete NPM, para ser utilizada en un proyecto next.js (aplicación B). Todo salió bien hasta que actualicé algunos paquetes en …

16 reactjs  npm  webpack  next.js 

Estoy creando una biblioteca de componentes React que se puede compartir. La biblioteca contiene muchos componentes, pero es posible que el usuario final solo necesite usar algunos de ellos. Cuando agrupa el código con Webpack (o Parcel o Rollup), crea un solo archivo con todo el código . Por razones …

12 reactjs  npm  webpack  es6-modules  rollup 

ERROR in C:/phpStudy2018/PHPTutorial/WWW/Tms.Web/node_modules/@types/node/globals.d.ts(139,11): 139:11 Interface 'NodeRequire' cannot simultaneously extend types 'Require' and 'RequireFunction'. Named property 'cache' of types 'Require' and 'RequireFunction' are not identical. 137 | 138 | // For backwards compability > 139 | interface NodeRequire extends NodeJS.Require {} | ^ 140 | interface RequireResolve extends NodeJS.RequireResolve {} 141 …

12 typescript  vue.js  webpack 

Antecedentes del problema: estoy usando katex para representar algunas matemáticas en una página. Luego quiero crear una versión PDF de parte de esa página, así que creo un documento HTML que contiene la parte a exportar que alinea todo CSS y lo pasa al renderizador. El renderizador no puede acceder …

10 javascript  css  webpack  data-uri 

En mi proyecto nextjs he mapeado la ruta jsconfig.jsonpara facilitar las importaciones absolutas { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["./*"] }, "target": "es6", "module": "commonjs", "experimentalDecorators": true } } Mis rutas de importación se ven así import { VIEW } from '@/src/shared/constants'; Mi eslintrc.jstiene configuraciones especificadas como module.exports …

9 javascript  webpack  babel  eslint 

Recientemente estoy trabajando en algunos trabajos de optimización de sitios web, y empiezo a usar la división de código en el paquete web usando una declaración de importación como esta: import(/* webpackChunkName: 'pageB-chunk' */ './pageB') Que crean correctamente los páginaB-chunk.js , ahora digamos que quiero precargar este trozo en páginaA, …

9 javascript  webpack  lazy-loading  prefetch 

Estoy usando Vue CLI 3 y Vuetify 2.1 en un proyecto nuevo, y recientemente profundicé en anular las variables SASS de Vuetify . Después de finalmente ponerlo a trabajar, me di cuenta de que cada vez que modifico el variables.scssarchivo que creé y el proyecto se vuelve a compilar, toma …

9 webpack  vuetify.js  vue-cli