M2A_75.md

#M2#A75 - Atualização do Webpack - atualizar storybook e remover erros

Removemos o apply em webpack/prod.config.js

Antes

Object.assign({}, common.cssLoader, {
        use: ExtractTextPlugin.extract.apply({
          fallback: common.cssLoader.use[0],
          use: common.cssLoader.use.slice(1)
        })
      })

Agora

Object.assign({}, common.cssLoader, {
        use: ExtractTextPlugin.extract({
          fallback: common.cssLoader.use[0],
          use: common.cssLoader.use.slice(1)
        })
      })

Atualizando o Storybook

Trocamos loaders por rules e alteramos a chamada common.jsLoader para common.standardPreLoader

Antes

module.exports = function (config, env) {
  const newConfig = webpackConfig(config, env)
  newConfig.module.rules = (newConfig.module.preLoaders || []).concat(common.jsLoader)
  newConfig.resolve = common.resolve
  return newConfig
}

Agora

module.exports = function (config, env) {
  const newConfig = webpackConfig(config, env)
  newConfig.module.rules = (newConfig.module.rules || []).concat(common.standardPreLoader)
  newConfig.resolve = common.resolve
  return newConfig
}

Organizando o arquido storybook do webpack

Nós removemos a configuracão de storybook/webpack.config.js para um arquivo storybook.config.js que fica dentro da nossa pasta webpack. Dessa forma temos um código mais atualizado.

Dentro de storybook/webpack.config.js só chamamos nosso arquivo e exportamos ele para o webpack do storybook ter acesso

module.exports = require('../webpack/storybook.config')