TOGOUTECH

javascript - 当 jshint 发出警告时,如何使 Webpack 退出并出错?

coder 2024-05-16 原文

使用 jshint-loaderWebpack ,当 JSHint 发出警告时,如何使 webpack 命令失败?

如果 linting 检测到问题,我希望 CI 构建失败。

目前,我只是将 Webpack 配置为在预加载 JS 文件时运行 jshint-loader:

// webpack.config.js
module.exports = {
  module: {
    preLoaders: [
      {
        test: /\.js/,
        exclude: /node_modules/,
        loader: 'jshint-loader',
      },
    ],
  },
};

最佳答案

首先,jshint-loader 必须配置为在发现问题时失败(failOnHint: true),也可以选择将警告作为 Webpack 错误发出(emitErrors: true)。

// webpack.config.js
module.exports = {
  module: {
    preLoaders: [
      {
        test: /\.js/,
        exclude: /node_modules/,
        loader: 'jshint-loader',
      },
    ],
  },
  jshint: {
    emitErrors: true,
    failOnHint: true,
  },
};

其次,必须通过提供 --bail 选项告诉 Webpack 严重失败:webpack --bail

更新:

webpack --bail 仍然没有发出非零退出代码,啊。

关于javascript - 当 jshint 发出警告时,如何使 Webpack 退出并出错?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29510309/

有关javascript - 当 jshint 发出警告时,如何使 Webpack 退出并出错?的更多相关文章

  1. javascript - react-router 在生产和激增部署中不起作用 - 2

    我的React应用程序在本地主机上运行良好,但是当我将其部署在gh-pages或surge中时,它无法让我使用URL在页面之间移动。这是项目仓库link演示网址here用户可以点击右上角的menuItem进入注册页面。但如果用户使用http://chat.susi.ai/signup/URL,它给出了404页面我尝试了几种来自互联网的解决方案,但没有奏效。下一个问题是:我创建了一个404页面以在用户尝试移动到损坏的链接时显示。它在localhost中工作正常。但不在生产中。我试过this解决方案,但没有任何改变。这是我的index.js文件的一部分constApp=()=>(&l

  2. JavaScript 检查时区名称是否有效 - 2

    有没有一种方法可以在不使用外部库的情况下在JavaScript中检查时区名称是否有效?当用户在文本字段中输入时区名称时,我想验证时区是否有效?我知道我们可以使用moment-timezone库轻松完成。但我不想使用任何额外的库。我正在寻找纯JavaScript方式。isValidTimeZone(name){//returntrue/false}isValidTimeZone('Asia/Colombo');//returnstrueisValidTimeZone('America/Los_Angeles');//returnstrueisValidTi

  3. javascript - Node JS 浏览器模拟(cookies、session、headers) - 2

    我需要像普通浏览器一样从Nodejs发出请求。我是什么意思?我可以设置任何HTTP信息,例如cookie、header、正文。因此,根据需要构建HTTP请求。请求发出后,所有的响应数据都应该是可读的,比如SetCookie....如果可以在session期间自动保存cookie,那就太好了。因此,我不需要在每次提出所有进一步请求时都包含它们。所以只需模拟一个真实的浏览器以保持session有没有框架库可以提供这样的功能? 最佳答案 对于不需要解析HTML或运行客户端JavaScript的情况,您可以使用简单的工具,例如Request

  4. javascript - 从对象数组中过滤唯一值 - 2

    这个问题在这里已经有了答案:GetalluniquevaluesinaJavaScriptarray(removeduplicates)(91个答案)关闭5年前。如何使用Array.filter()返回唯一的id和name?我的场景与我研究过的解决方案略有不同,因为我有一个对象数组。我找到的每个示例都包含单个值的平面数组。data=[{id:555,name:"Sales",person:"Jordan"},{id:555,name:"Sales",person:"Bob"},{id:555,name:"Sales

  5. javascript - 如何在 ChartJS 中使用溢出滚动修复图表图例宽度-高度 - 2

    我想为我的元素创建饼图,所以我正在使用ChartJS,但是chartJS存在一些问题,如果我使用10到20个数据字段,那么时间图表看起来不错,但是当我我在一个图表中应用了50到60个以上的数据字段,所以图表看起来比图例小,如果有时数据字段比隐藏的图表多,你只能看到图例,图表就不见了。我想为该图例设置高度或宽度,如果有更多数据,也适用于滚动条。这是供您引用的fiddle链接https://jsfiddle.net/KDM1010/5um78rbk/<canvasid="myChart"width="500"height="300"&g

  6. javascript - Vue (nuxt) 中的全局组件 - 2

    在构建Vue应用程序时,我们在每个模板中重复使用某些Vue组件。我们的网格系统存在于.region、.layout、.grid、.column元素之外。它们都是独立的Vue组件(,...)。我们现在在每个模板中都这样做:importBlMainfrom'~components/frame/main/Main.vue'importBlRegionfrom'~components/frame/region/Region.vue'importBlLayoutfrom'~components/frame/layout/Layout.vue'imp

  7. javascript - Accessibility - React 确保点击事件有按键事件 - 2

    我想确保我所有的onClick事件都在onKeyDown事件旁边。我将使用eslint-plugin-jsx-a11y来确保这一点。但在代码中,这是一种实现这种泛型的方法。我的意思是,一直这样做会很烦人:if(event.keyCode===13){...}如果用户使用onClick中的执行函数,我希望有一种方法可以告诉onKeyDown中的元素。或者类似的解决方案http://www.karlgroves.com/2014/11/24/ridiculously-easy-trick-for-keyboard-accessibility/例如,在Angular方面,我很清楚。让我们寻找

  8. javascript - 函数式编程和 DOM 操作 - 2

    如何在以“函数式”方式编写的脚本中以最“纯粹”的方式操作DOM。例如,如果我只需要更改元素宽度,我应该使用像这样的典型语法:document.querySelector(".class").style.width=...或者编写专门的函数,比如:functionresize(el,w){returnel.style.width=w;}resize(document.querySelector(".class",100));我想,我了解函数式编程的一般概念,但我遇到的所有示例都集中在处理数字或字符串上。操作DOM被认为是副作用,所以我想知道如何以正确的方式

  9. javascript - React-Native-Maps:如何动画协调? - 2

    我正在使用以下代码但没有成功://NativeBase容器内部<MapView.Animatedref="map"style={styles.map}showsUserLocation={true}zoomEnabled={true}showsMyLocationButton={true}showsCompass={true}showScale={true}showsIndoors={true}mapType={this.state.mapTypes[this.state.mapTypeCode]}/>//类的componentDidMount内部navig

  10. javascript - 如何将 Node 可读流转换为 RX 可观察流 - 2

    如果我有一个Nodejs流,例如来自process.stdin或fs.createReadStream,我如何将其转换为RxJsObservable使用RxJs5流?我看到了RxJs-Node有一个fromReadableStream方法,但看起来它已经将近一年没有更新了。 最佳答案 对于任何正在寻找这个的人,根据Mark的建议,我为rxjs5改编了rx-nodefromStream实现。import{Observable}from'rxjs';//Adaptedfromhttps://github.com/Reac

随机推荐

  1. javascript - react-router 在生产和激增部署中不起作用 - 2

    我的React应用程序在本地主机上运行良好,但是当我将其部署在gh-pages或surge中时,它无法让我使用URL在页面之间移动。这是项目仓库link演示网址here用户可以点击右上角的menuItem进入注册页面。但如果用户使用http://chat.susi.ai/signup/URL,它给出了404页面我尝试了几种来自互联网的解决方案,但没有奏效。下一个问题是:我创建了一个404页面以在用户尝试移动到损坏的链接时显示。它在localhost中工作正常。但不在生产中。我试过this解决方案,但没有任何改变。这是我的index.js文件的一部分constApp=()=>(&l

  2. JavaScript 检查时区名称是否有效 - 2

    有没有一种方法可以在不使用外部库的情况下在JavaScript中检查时区名称是否有效?当用户在文本字段中输入时区名称时,我想验证时区是否有效?我知道我们可以使用moment-timezone库轻松完成。但我不想使用任何额外的库。我正在寻找纯JavaScript方式。isValidTimeZone(name){//returntrue/false}isValidTimeZone('Asia/Colombo');//returnstrueisValidTimeZone('America/Los_Angeles');//returnstrueisValidTi

  3. javascript - Node JS 浏览器模拟(cookies、session、headers) - 2

    我需要像普通浏览器一样从Nodejs发出请求。我是什么意思?我可以设置任何HTTP信息,例如cookie、header、正文。因此,根据需要构建HTTP请求。请求发出后,所有的响应数据都应该是可读的,比如SetCookie....如果可以在session期间自动保存cookie,那就太好了。因此,我不需要在每次提出所有进一步请求时都包含它们。所以只需模拟一个真实的浏览器以保持session有没有框架库可以提供这样的功能? 最佳答案 对于不需要解析HTML或运行客户端JavaScript的情况,您可以使用简单的工具,例如Request

  4. javascript - 从对象数组中过滤唯一值 - 2

    这个问题在这里已经有了答案:GetalluniquevaluesinaJavaScriptarray(removeduplicates)(91个答案)关闭5年前。如何使用Array.filter()返回唯一的id和name?我的场景与我研究过的解决方案略有不同,因为我有一个对象数组。我找到的每个示例都包含单个值的平面数组。data=[{id:555,name:"Sales",person:"Jordan"},{id:555,name:"Sales",person:"Bob"},{id:555,name:"Sales

  5. javascript - 如何在 ChartJS 中使用溢出滚动修复图表图例宽度-高度 - 2

    我想为我的元素创建饼图,所以我正在使用ChartJS,但是chartJS存在一些问题,如果我使用10到20个数据字段,那么时间图表看起来不错,但是当我我在一个图表中应用了50到60个以上的数据字段,所以图表看起来比图例小,如果有时数据字段比隐藏的图表多,你只能看到图例,图表就不见了。我想为该图例设置高度或宽度,如果有更多数据,也适用于滚动条。这是供您引用的fiddle链接https://jsfiddle.net/KDM1010/5um78rbk/<canvasid="myChart"width="500"height="300"&g

  6. javascript - Vue (nuxt) 中的全局组件 - 2

    在构建Vue应用程序时,我们在每个模板中重复使用某些Vue组件。我们的网格系统存在于.region、.layout、.grid、.column元素之外。它们都是独立的Vue组件(,...)。我们现在在每个模板中都这样做:importBlMainfrom'~components/frame/main/Main.vue'importBlRegionfrom'~components/frame/region/Region.vue'importBlLayoutfrom'~components/frame/layout/Layout.vue'imp

  7. javascript - Accessibility - React 确保点击事件有按键事件 - 2

    我想确保我所有的onClick事件都在onKeyDown事件旁边。我将使用eslint-plugin-jsx-a11y来确保这一点。但在代码中,这是一种实现这种泛型的方法。我的意思是,一直这样做会很烦人:if(event.keyCode===13){...}如果用户使用onClick中的执行函数,我希望有一种方法可以告诉onKeyDown中的元素。或者类似的解决方案http://www.karlgroves.com/2014/11/24/ridiculously-easy-trick-for-keyboard-accessibility/例如,在Angular方面,我很清楚。让我们寻找

  8. javascript - 函数式编程和 DOM 操作 - 2

    如何在以“函数式”方式编写的脚本中以最“纯粹”的方式操作DOM。例如,如果我只需要更改元素宽度,我应该使用像这样的典型语法:document.querySelector(".class").style.width=...或者编写专门的函数,比如:functionresize(el,w){returnel.style.width=w;}resize(document.querySelector(".class",100));我想,我了解函数式编程的一般概念,但我遇到的所有示例都集中在处理数字或字符串上。操作DOM被认为是副作用,所以我想知道如何以正确的方式

  9. javascript - React-Native-Maps:如何动画协调? - 2

    我正在使用以下代码但没有成功://NativeBase容器内部<MapView.Animatedref="map"style={styles.map}showsUserLocation={true}zoomEnabled={true}showsMyLocationButton={true}showsCompass={true}showScale={true}showsIndoors={true}mapType={this.state.mapTypes[this.state.mapTypeCode]}/>//类的componentDidMount内部navig

  10. javascript - 如何将 Node 可读流转换为 RX 可观察流 - 2

    如果我有一个Nodejs流,例如来自process.stdin或fs.createReadStream,我如何将其转换为RxJsObservable使用RxJs5流?我看到了RxJs-Node有一个fromReadableStream方法,但看起来它已经将近一年没有更新了。 最佳答案 对于任何正在寻找这个的人,根据Mark的建议,我为rxjs5改编了rx-nodefromStream实现。import{Observable}from'rxjs';//Adaptedfromhttps://github.com/Reac