如何強制Webpack 3拋出TypeScript錯誤？

Question

// index.ts

let a = 1;
a.map();

Webpack不會在類型“ number”上引發有關方法“ 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

您聽說過棉絨嗎？ 這是tslint的webpack加載程序