Webpack 4和ts-loader不生成地图文件

Question

我在这里做错了什么？

运行webpack -d --config webpack.config.js包文件时，请不要创建映射文件。

webpack.config.js

const path = require('path');   
module.exports = {
  mode: "development",
  devtool: "inline-source-map",
  entry: './server/server.ts',
  output: {
    filename: 'server.js',
    path: path.resolve(__dirname, 'dist')
  },
  resolve: {
    extensions: [ '.tsx', '.ts', '.js' ]
  },
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/
      }
    ]
  },
  target: 'node',
  node: {
    console: true,
    fs: 'empty',
    net: 'empty',
    tls: 'empty'
  }
};

tsconfig.json

{
  "files": [
    "server/server.ts"
  ],
  "include": [
    "server/**/*.ts"
  ],
  "compilerOptions": {
    "module": "commonjs",
    "noImplicitAny": true,
    "target": "es6",
    "outDir": "dist",
    "rootDir": "server",
    "sourceMap": true,
    "baseUrl": ".",
    "moduleResolution": "node",
    "removeComments": true,
    "typeRoots": [ "node_modules/@types" ],
    "paths": {
      "*": [
        "node_modules/@types/*",
        "./server/types/*"
      ]
    }
  }
}

创建了server.js，但缺少映射文件。每次我运行webpack -d --config webpack.config.js映射文件都不会被创建。

版本：

webpack 4.5.0

tsloader 4.2.0

Answer 1

devtool设置为inline-source-map；因此，您的源图将作为内联注释包含在JS文件中。如果要生成单独的映射文件，请将devtool更改为sourcemap。