webpack - "fallbackLoader option has been deprecated - replace with "回退 ""

Question

将我的 Angular CLI 1.0.0-beta.26 项目升级到 Angular CLI 1.0.0-beta.30 后，我收到以下两个警告:

fallbackLoader option has been deprecated - replace with "fallback"
loader option has been deprecated - replace with "use"

作为构建的一部分。

Answer 1

安 Angular CLI PR has been committed为了解决这些警告，所以 this issue应该在 1.0.0-beta.31 中解决和起来。

要立即解决这些警告，您可以对 webpack 配置进行以下更改:

loader:          -->  use:
fallbackLoader:  -->  fallback:

注意:如果您重新安装 node_modules您需要重新进行这些更改。

详情

对于 Angular CLI 1.0.0-beta.30 , 在 node_modules/@angular/cli/models/webpack-configs/styles.js找到全局样式路径部分并将其更改为:

    loader: [
      ("css-loader?" + JSON.stringify({ sourceMap: cssSourceMap })),
    ].concat(commonLoaders, loaders),

    fallbackLoader: 'style-loader',

    publicPath: ''

到:

    use: [
      ("css-loader?" + JSON.stringify({ sourceMap: cssSourceMap })),
    ].concat(commonLoaders, loaders),

    fallback: 'style-loader',

    publicPath: ''

对于 Angular CLI 1.0.0-beta.26 , 在 ./node_modules/angular-cli/models/webpack-build-styles.js找到全局样式路径部分并将其更改为:

    loader: ['css-loader'].concat(commonLoaders, loaders),

    fallbackLoader: 'style-loader',

    publicPath: ''

到:

    use: ['css-loader'].concat(commonLoaders, loaders),

    fallback: 'style-loader',

    publicPath: ''