"fallbackLoader选项已被弃用 - 替换为"fallback""

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

一个角CLI PR一直致力于解决这些警告,因此这个问题应该得到解决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: ''