javascript - 如何强制 Webpack 3 抛出 TypeScript 错误？

Question

// index.ts

let a = 1;
a.map();

Webpack 不会抛出关于类型“number.map”上的方法“map”的 TS 错误。 你知道如何在 webpack 构建过程中自动检查这些错误吗？

在互联网上找不到任何内容。

之前我看到过这个:https://cloud.githubusercontent.com/assets/376414/7276837/840b4dec-e8da-11e4-8362-c44f531d8cd9.png

如何使用 webpack 3 获得相同的 webpack 输出(TS 错误)？

TypeScript 认为这是可以的(任何有效的 JS 也是有效的 TypeScript)，因此，任何项目都可能与任何 JS 错误捆绑在一起。

如果我正在运行 tsc app/index.ts，那么我会看到错误: app/index.ts(8,3):错误 TS2339:类型“number”上不存在属性“map”。

因此，TypeScript 编译器会抛出错误，但 webpack(我认为是 ts-loader)会忽略它。

我使用的是 webpack 3.8.1

这是配置:

let path = require('path'),
    webpack = require('webpack'),
    HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {

    entry: path.resolve('app/index.ts'),

    output: {
        path: path.resolve('dist'),
        filename: 'app.js'
    },

    resolve: {
        extensions: ['.js', '.vue', '.json', '.ts'],
        alias: {
            vue: path.resolve('node_modules/vue/dist/vue.js'),
            app: path.resolve('app')
        }
    },

    module:{
        rules: [
            { test: /\.tsx$/, use: 'ts-loader' },
            { test: /\.vue$/, use: 'vue-loader' },
            { test: /\.pug$/, use: 'pug-loader' }
        ]
    },

    plugins: [
        new HtmlWebpackPlugin({
            template: path.resolve('app/index.pug'),
            cache: false
        }),
        new webpack.LoaderOptionsPlugin({
            debug: true
        })
    ]

};

Answer 1

你听说过linting吗？ ？ here是 webpack 的 tslint 加载器