【发布时间】: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;
【问题讨论】:
标签: typescript webpack webpack-dev-server