忽略 Webpack-dev-server 中的 Typescript 错误

Posted 2023-03-13

【中文标题】忽略 Webpack-dev-server 中的 Typescript 错误

【英文标题】：Ignore Typescript errors in Webpack-dev-server

【发布时间】：2017-10-06 18:28:54

【问题描述】：

我继承了一个 angular+Typescript 项目。开发环境使用了 gulp 的 webserver，我正在尝试切换到 webpack-dev-server，以便我们可以启用 hot-module-replacement。

当我从 build/ 目录运行 webpack-dev-server 时，命令失败，列出了大约 700 个 TypeScript 错误。我们宁愿不修复它们。即使出现 TypeScript 错误，有什么方法可以使用 webpack-dev-server？

我的理解是，webpack 仍然应该正确创建构建文件并启动 dev-server，即使发生 typescript 错误，除非你启用了我没有启用的 webpack-fail-plugin。

这是我当前的 webpack.config.js 文件：

'use strict';
var webpack = require('webpack');
var CompressionPlugin = require("compression-webpack-plugin");

var config = 
    entry: 
        build:  './app/core/bootstrap.ts',
        //adminbuild: './app/core/adminbootstrap.ts',
        //report: './app/core/reportbootstrap.ts',
        vendor: ["angular", "angular-material"]
    ,

    output: 
        path: __dirname + '/build',
        publicPath: '',
        filename: '[name].bundle.js'
    ,

    devtool: 'source-map',

    resolve: 
        extensions: ['', '.webpack.js', '.web.js', '.ts', '.js', '.json', '.jsx', '.js']
    ,

    module: 
        preloaders: [
           /* 
                test: /\.ts$/,
                loader: 'tslint'
            */
        ],

        loaders: [
        ...
            
                test: /\.ts$/,
                loader: 'ts'
            ,
        ...
        ],
    ,
;

module.exports = config;

【参考方案1】：

除非你启用了我没有启用的 webpack-fail-plugin。

不正确。默认情况下，Webpack 2 基于 typescript 错误构建失败。

更多

https://www.npmjs.com/package/webpack-fail-plugin 提到了这个事实DEPRECATED: This is default behaviour in Webpack 2.x, you don't need this plugin anymore.

建议：修复 TypeScript 错误。

【讨论】：

这不是真的。 Webpack 2 不会因 typescript 错误而失败。 TS 加载器本身仍然无法通过将 TS 错误扔给 webpack 来传播它们，因此，webpack 2 并没有解决这个问题。