Currently, I'm in the process of developing a node API using express that will generate a PDF utilizing puppeteer for a specified URL. My main concern is how to package my application for production with webpack without having to install puppeteer and express globally on the server where it will be hosted. I also want to avoid running 'npm install' on the server. Is there a solution that would allow me to bundle puppeteer and express together with the JS files for my application?
For those interested in how I tackled this issue, my solution involved utilizing webpack with the following configuration:
import webpack from 'webpack';
import path from 'path';
import nodeExternals from 'webpack-node-externals';
const config: webpack.Configuration = {
mode: "production",
entry: "./src/server.ts",
target: "node",
output: {
path: path.resolve(__dirname, 'dist'),
filename: "main.js"
},
resolve: {
extensions: [".ts", ".js"],
},
devtool: "source-map",
module: {
rules: [
{
test: /\.ts$/,
exclude: /node_modules/,
use: {
loader: "ts-loader",
options: {
transpileOnly: true
}
}
}
],
},
externals: nodeExternals()
}
export default config;
Additionally, on the Continuous Integration server, I executed the following commands:
npm install
webpack
npm ci
One key aspect of this approach is the utilization of npm ci (introduced in npm v6), which eliminates devDependencies from node_modules. Subsequently, I included both the node_modules directory and transpiled js files in the deployment package.
My current validation process involves using fastest-validator. Here is an example of the object being validated: { "_id":"619e00c177f6ea2eccffd09f", "parent_id": "619e00c177f6ea2eccffd09f", } I need to ensu ...
I have been working on integrating recompose into my react codebase. As part of this process, I have been experimenting with getting some basic functionality to work. While I have made progress, I am uncertain if I am following the correct approach for usi ...
I'm looking to streamline my button handling in JavaScript by creating just one function that can handle all the buttons on my page. Each button will trigger a different action, so I need a way to differentiate between them. I thought of using one eve ...
Currently, I'm grappling with an issue in my NodeJS + Mongoose project where I am attempting to populate an array of objects before sending it to the client. However, I am running into a roadblock as the response always comes back empty due to being s ...
I've been working on implementing a delete image feature on my website. Although my code successfully deletes the file from the images folder and removes the corresponding record from the database, I encounter an error in the console that prevents me ...
Sending Status: const statusArray = ["confirmed", "pending", "canceled"] Purpose: While the type is automatically generated, I also require it to be in array form. ...
How can I display a list of all installed tsd typings in the terminal? Perhaps using the following command: $ tsd list ...
I'm working with Vue 3, Vuetify, and TypeScript for my searchField component. Inside, I have two buttons: FreeItemMaster and PatternMaster. Clicking on these buttons should change their background color and display respective content below them. Howev ...
const Koa = require('koa'); const cors = require('@koa/cors'); var https = require('https'); var http = require('http'); const { default: enforceHttps } = require('koa-sslify'); const next = require('n ...
When utilizing Sequelize on a join query, I am currently facing the issue where the data from the join table is presented as an array of objects instead of strings. The client specifically needs an array of strings. Is it possible and advisable to achieve ...
I tried to find a solution online, but the code I found is not working for me. I can't seem to figure out why. Here is my code snippet; app.get('/', (req, res) => { fs.readFile('index.html', function (err, data) { re ...
I recently started working with TypeScript and encountered a problem during nextjs build. While the code runs smoothly in my browser, executing nextjs build results in the error shown below. I attempted various solutions found online but none have worked s ...
Currently, I am attempting to create a delay for the mouseenter event when the user hovers over a div. The goal is for the video to start playing only after the user has hovered for at least 1 second. Initially, everything works as expected, but after the ...
I recently updated my Angular project from version 4 to 5.0 and started encountering an error. The code for the entire project (in Angular 4) can be found on github at https://github.com/SudhirSahoo/IQS ERROR in src/app/lineside-inspection/lineside-inspec ...
I set up a websocket server on my host at <www.example.com>, but for some reason, the client is unable to connect to it. Here is the code : Server.js : const ws = new require('ws'); const wss = new ws.Server({noServer: true}); const htt ...
For the purpose of testing Network Encoding/Decoding Logic, I have implemented a pair of test cases in both Java and JavaScript. These tests utilize Data Providers which essentially consist of various Constants. In my Java test case, I have a Data Provide ...
When looking at the code snippet below: async function (req, res, next) { const fd = await fs.open("myfile.txt") fs.createReadStream(null, { fd, autoClose: false }) .on('error', next) .on('end', () => fs.close(fd)) . ...
Having trouble adding an image to my index.ejs file. The code doesn't seem to be pulling the image from the specified /image folder in the second code block. Any tips on how to resolve this issue would be greatly appreciated! const express = require( ...
0 | "" | {} extends 0 | "" // false 0 | "" | {} extends 0 | {} // true Comparing the union 0 | "" | {} to 0 | "", it seems like the former technically extends from the latter. However, I am puzzled by the ...
After adding the @types/materialize-css package to my Angular/TypeScript project, I am facing issues with initializing 'M'. Can anyone provide some guidance on how to solve this problem? It's important to note that I prefer not to use angula ...