Expected Behaviour
When using watch mode in Webpack 5 and I'm changing a file, the index.js and index.d.ts bundle files should be updated with the new code/definitions and I should be able to import the code in my app that consumes the code.
Actual Behaviour
Only the index.js file is updated when adding new code. All d.ts files as well as the index.d.ts bundle remains untouched and I get compiler error when importing the new code (in runtime the code actually runs fine).
Steps to Reproduce the Problem
- Run Webpack 5 in watch mode:
node node_modules\webpack\bin\webpack.js --config config/webpack.dev.ts --watch
- Change any code in the project
- Check the dist folder and compare the times between the
.js and the d.ts files
Location of a Minimal Repository that Demonstrates the Issue.
(Working on it)
webpack.dev.ts
module: {
rules: [
{
test: /\.ts$/,
loader: 'ts-loader',
options: {
configFile: '../tsconfig.build.json'
},
include: [
projectRootPath('typings')
rootPath('src'),
rootPath('typings')
]
}
]
},
tsconfig.build.json
{
"extends": "../../tsconfig.json",
"compilerOptions": {
"rootDir": "./src",
"declaration": true,
"declarationMap": true,
"declarationDir": "./dist",
"outDir": "./dist"
},
"files": [
"./src/index.ts",
"./typings/global.d.ts",
"../../typings/global.d.ts"
]
}
tsconfig.json
{
"compilerOptions": {
"rootDir": ".",
"baseUrl": ".",
"target": "es5",
"module": "commonjs",
"moduleResolution": "node",
"allowSyntheticDefaultImports": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noEmitHelpers": true,
"noEmitOnError": true,
"importHelpers": true,
"noImplicitAny": false,
"skipLibCheck": true,
"strictNullChecks": false,
"strictPropertyInitialization": false,
"pretty": true,
"sourceMap": true,
"declaration": false,
"preserveConstEnums": true,
"downlevelIteration": true,
"lib": [
"dom",
"es2015",
"es2017.object",
"es2016.array.include",
"es2017.string",
"es2018.promise",
"es2019.string"
],
"paths": {
"@oas/web-lib-core": ["./packages/web-lib-core/dist"],
"@oas/web-lib-common": ["./packages/web-lib-common/dist"],
"@oas/web-lib-angular-js": ["./packages/web-lib-angular-js/dist"],
"@oas/web-lib-angular": ["./packages/web-lib-angular/dist"],
"@oas/internal-lib-e2e": ["./packages/internal-lib-e2e/dist"]
}
},
"compileOnSave": false,
"buildOnSave": false
}
I'm open for the possibility that this bug is not an issue for this project. But it is my guess.
Expected Behaviour
When using watch mode in Webpack 5 and I'm changing a file, the index.js and index.d.ts bundle files should be updated with the new code/definitions and I should be able to import the code in my app that consumes the code.
Actual Behaviour
Only the index.js file is updated when adding new code. All d.ts files as well as the index.d.ts bundle remains untouched and I get compiler error when importing the new code (in runtime the code actually runs fine).
Steps to Reproduce the Problem
node node_modules\webpack\bin\webpack.js --config config/webpack.dev.ts --watch.jsand thed.tsfilesLocation of a Minimal Repository that Demonstrates the Issue.
(Working on it)
webpack.dev.ts
tsconfig.build.json
tsconfig.json
I'm open for the possibility that this bug is not an issue for this project. But it is my guess.