Maintaining the consistent structure of build directories within a Docker container is crucial, especially when compiling TypeScript code that excludes the test

Question

Maintaining the consistent structure of build directories within a Docker container is crucial, especially when compiling TypeScript code that excludes the test

Our application is built using TypeScript and the source code resides in the /src directory. We have tests located in the /tests directory. When we compile the code locally using TSC, the compiled files are deposited into /dist/src and /dist/test respectively.

In our Docker configuration, we have specified to exclude certain development files, including /tests. As a result, when Docker runs TSC, it only compiles the files in /src, causing all of them to be deposited into /dist. This means that folders like /services get compiled to /dist/src/services/whatever.js locally, but appear as /dist/services/whatever.js in our container.

Our Dockerfiles are simple and mainly focus on running TSC and setting entry points. Should we consider making our Dockerfiles more explicit? Has anyone encountered this issue before and found elegant solutions?

javascript docker typescript

Answer 1

Answer №1

To tackle the challenge of determining which directories are being mounted and their locations within the docker container, a potential solution involves leveraging the use of tsconfig.json. This may require some innovative approaches with the docker files if needed.

As an illustration, consider a dockerfile designed for tsc, structured as follows:

FROM alpine:latest

RUN apk update && apk add nodejs && rm -rf /var/cache/apk/*
RUN npm install -g typescript@~1.6
RUN mkdir /tsc
WORKDIR /tsc

ENTRYPOINT ["tsc"]

The execution of this container would resemble:

docker run tsc -v "./:/tsc"

In a directory setup such as:

.
├── tsconfig.json
├── dist
├── src
├── test

Several options exist for configuring tsconfig.json:

{
  "compilerOptions": {
    "rootDir": "src",
    "outDir": "dist/src"
  }
}

OR

{
  "exclude": ["test"]
}

Answer 2

To tackle the challenge of determining which directories are being mounted and their locations within the docker container, a potential solution involves leveraging the use of tsconfig.json. This may require some innovative approaches with the docker files if needed.

As an illustration, consider a dockerfile designed for tsc, structured as follows:

FROM alpine:latest

RUN apk update && apk add nodejs && rm -rf /var/cache/apk/*
RUN npm install -g typescript@~1.6
RUN mkdir /tsc
WORKDIR /tsc

ENTRYPOINT ["tsc"]

The execution of this container would resemble:

docker run tsc -v "./:/tsc"

In a directory setup such as:

.
├── tsconfig.json
├── dist
├── src
├── test

Several options exist for configuring tsconfig.json:

{
  "compilerOptions": {
    "rootDir": "src",
    "outDir": "dist/src"
  }
}

OR

{
  "exclude": ["test"]
}

Maintaining the consistent structure of build directories within a Docker container is crucial, especially when compiling TypeScript code that excludes the test

Answer №1

Similar questions

Halt the Bootstrap carousel while entering text in a textarea

Troubleshooting: Issue with onclick event in vue.js/bootstrap - encountering error message "Variable updateDocument not found"

What could be causing ConnectedProps to incorrectly infer the type?

Attempting to obtain a score value from the input, but unsuccessful in doing so

Manipulate properties of objects with React by assigning values from an array

Maintaining database consistency for multiple clients making simultaneous requests in Postgres with Typeorm and Express

Converting JSON to string in Typescript is causing an error where type string cannot be assigned to type '{ .. }'

JavaScript code that displays values that are not equal

Steps to configure useState to manage data within an object

Keep some table columns locked in place on your webpage while others are located off-screen, requiring a scroll to access

Sending the factory's response back to the controller in AngularJS

Making AJAX requests repeatedly within a loop

Embedding a stylesheet into an HTML document can be done automatically

What are the steps for combining AngularJS with Java JAAS authentication system?

Guidelines for Managing Test Cases for a Promise-Returning Function with Resolve and Reject in Angular 6

Solution to trigger CSS :hover to refresh following a transition (such as expanding a menu)

AngularJS ng-focus does not function properly with iframes

Issue with datepicker initialization causing format not to work in Bootstrap

Positioning of Responsive Slider

Consolidate multiple generic items into a single entry