«вариант fallbackLoader устарел - заменить„запасной вариант“»

Question

После модернизации моего Угловое CLI 1.0.0-beta.26 проект Угловая 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: '' 

Answer 2

Для тех, кто использует угловую CLI 1.0.0-beta.26, правильный путь к выявить и устранить эту проблему:

node_modules/angular-cli/models/webpack-configs/styles.js

Вы должны увидеть это:

// load global css as css files 
if (globalStylePaths.length > 0) { 
    rules.push.apply(rules, baseRules.map(function (_a) { 
     var test = _a.test, loaders = _a.loaders; 
     return ({ 
      include: globalStylePaths, test: test, loaders: ExtractTextPlugin.extract({ 
       loader: [ 
        // css-loader doesn't support webpack.LoaderOptionsPlugin properly, 
        // so we need to add options in its query 
        ("css-loader?" + JSON.stringify({ sourceMap: cssSourceMap })) 
       ].concat(commonLoaders, loaders), 
       fallbackLoader: 'style-loader', 
       // publicPath needed as a workaround https://github.com/angular/angular-cli/issues/4035 
       publicPath: '' 
      }) 
     }); 
    })); 
} 

• Изменение погрузчик к use и fallbackLoader к fallback

• Заметим также, что это было исправлено в последней версии.