No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Configurando Webpack para compilar TypeScript

7/17
Recursos

Aportes 4

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Comandos npm:

npm install --save-dev webpack-node-externals

Este comando instalará la última versión de “webpack-node-externals” y lo agregará como una dependencia de desarrollo en su proyecto

npm run build-server

Mi terminal mostraba problemas al momento de ejecutar npm run dev. Lo arregle de la siguiente manera en mi package.json:

"scripts": {
    "build-server": "webpack --config webpack.config.server.js",
    "build-dev": "NODE_ENV=development npm run build-server && node --inspect dist/index.js",
    "dev": "nodemon --ext ts --exec \"npm run build-dev\" --inspect dist/index.js"
  },

Webpack node modules externals

Cuando se empaqueta con Webpack para el backend, generalmente no desea empaquetar sus dependencias de node_modules. Esta biblioteca crea una función externa que ignora node_modules cuando se empaqueta en Webpack.

Configurando Webpack para compilar TypeScript

  • Hacer un commit y un push y luego,
  • git pull origin client-side-render
  • git checkout webpack-config-server
  • yarn add webpack-node-externals -D

Este comando instalará la última versión de “webpack-node-externals” y lo agregará como una dependencia de desarrollo en su proyecto

  • npm run build-server
  • yarn add -D nodemon
  • Si usas Windows 10 y te sale un error instala globalmente esta linea de abajo
  • npm install -g win-node-env

package.json:

"scripts": {
    "build-server": "webpack --config webpack.config.server.js",
    "build-dev": "NODE_ENV=development npm runbuild-server && node --inspect dist/index.js",
    "dev": "nodemon --ext ts --exec \"npm run build-dev\" --inspect dist/index.js"
  },
  • Y eso seria todo.