如何阅读 webpack 的 ExtractTextPlugin.extract 使用属性？答案

【问题标题】：how to read webpack's ExtractTextPlugin.extract use property?如何阅读 webpack 的 ExtractTextPlugin.extract 使用属性？
【发布时间】：2018-03-05 11:00:50
【问题描述】：

在我的 webpack 配置文件中，我有这行我无法理解它的含义以及如何理解或调试它。

{
        test: /\.(scss|css)$/,
        use: isProd
          ? ExtractTextPlugin.extract({
              use: 'css-loader!sass-loader?minimize',
              fallback: 'vue-style-loader',
            })
          : ['vue-style-loader', 'css-loader', 'sass-loader'],
 },

在这行 use: 'css-loader!sass-loader?minimize' ! 和 ? 在这里是什么意思。我读过类似的语法，但无法识别。你能告诉我它的含义以及一些我可以深入阅读的链接吗？

【问题讨论】：

最好将内联定义扩展为数组。那么更具可读性。

标签： webpack-2 webpack-style-loader

【解决方案1】：

! 在加载器之间是分开的。 ? 是 before loader 的定义选项。

您可以在https://webpack.js.org/concepts/loaders/#inline阅读更多内容

它是 webpack 1 中已弃用的功能：https://webpack.js.org/guides/migrating/#chaining-loaders

【讨论】：