时间戳

首页 > 解决方案 > 如何配置 Webpack 和 Vue-Loader 将警告视为错误？

vue.js - 如何配置 Webpack 和 Vue-Loader 将警告视为错误？

问题描述

问题：如何配置Webpack使用时将警告视为错误Vue-Loader？

背景：我的 Webpack 配置是使用 Vue-Loader 构建一个使用 Vue 单文件组件的应用程序。当出现以下警告时，我希望构建失败并产生错误：

WARNING in ./{SOME_COMPONENT}.vue ({BOILERPLATE_PATHS}) 107:6-34
"export '{SOME_FUNCTION}' was not found in '../../{SOME_MODULE}'

当我尝试从仅包含默认导出的模块导入“命名”导出时，上面的警告会出现。

我已经在下面的链接中查看了文档，但我没有看到任何可以让我实现目标的东西：

对于非监视构建，我想可以使用正则表达式解析构建输出以获取警告并触发可能使 CI 构建失败的操作，但理想情况下，我希望能够使监视构建失败。也许有一个构建后的 Webpack 钩子之类的？我愿意接受建议。

我当前的 Vue-Loader/Webpack 配置基本上是：

{
    test: /\.vue$/,
    loader: 'vue-loader',
    include: [
        path.resolve(__dirname, './SomeFolder/')
    ],
    exclude: [
       path.resolve(__dirname, './node_modules/'),
       path.resolve(__dirname, './SomeFolder/Tests/')
    ],
},

标签： vue.jswebpackvue-loader

解决方案

推荐阅读