2017-09-19 57 views
1

我使用的是基于AngularJS 1.6(Typescript)的应用程序的webpack 2.4.2。 当我修改我的.ts,.js,.less等文件时,webpack自动检查lint错误并报告它们。钩在webpack编译

我不知道webpack如何自动检测更改并运行lint,但是,我想运行自定义命令,如检查tslint错误。任何指示如何可以实现?

+0

推测它是在'loaders'或'rules'下的Webpack配置文件中。 –

回答

1

使用最新的webpack,这里是你如何配置eslint。然而,你需要找到一个tslint加载器。

module.exports = { 
    module: { 
    rules: [ 
     { 
     test: /\.jsx?$/, 
     enforce: 'pre', 
     exclude: /(node_modules|bower_components)/, 
     use: 'eslint-loader' 
     } 
    ] 
    } 
} 
+0

这是如何回答这个问题的? – smnbbrv

+0

我收到以下错误 'multi(webpack)-dev-server/client?中的错误?http://0.0.0.0:8080 webpack/hot/dev-server ./src/index.ts 未找到模块:错误:无法解析'/ home/cbdev1/cb/bas/client'中的'eslint-loader' @ multi(webpack)-dev-server/client?http://0.0.0.0:8080 webpack/hot/dev -server ./src/index.ts ' 根据最近对https://github.com/webpack/webpack/issues/1083 的评论'resolve:{ modules:[ path.join(__ dirname,“src “), ”node_modules“ ] }' 但是,我已经在我的配置 – Phalgun

+0

我假设eslint-loader是在你的package.json? – danday74