Webpacker v3.2.0 Release Notes

Release Date: 2017-12-16 // over 6 years ago
  • ⬆️ To upgrade:

    bundle update webpacker
    yarn upgrade @rails/webpacker
    

    💥 Breaking changes

    If you are using react, vue, angular, elm, erb or coffeescript inside your packs/ please re-run the integration installers as described in the README.

    bundle exec rails webpacker:install:react
    bundle exec rails webpacker:install:vue
    bundle exec rails webpacker:install:angular
    bundle exec rails webpacker:install:elm
    bundle exec rails webpacker:install:erb
    bundle exec rails webpacker:install:coffee
    

    Or simply copy required loaders used in your app from 🚅 https://github.com/rails/webpacker/tree/master/lib/install/loaders into your config/webpack/loaders/ 🏗 directory and add it to webpack build from config/webpack/environment.js

    const erb =  require('./loaders/erb')
    const elm =  require('./loaders/elm')
    const typescript =  require('./loaders/typescript')
    const vue =  require('./loaders/vue')
    const coffee =  require('./loaders/coffee')
    
    environment.loaders.append('coffee', coffee)
    environment.loaders.append('vue', vue)
    environment.loaders.append('typescript', typescript)
    environment.loaders.append('elm', elm)
    environment.loaders.append('erb', erb)
    

    🔌 In .postcssrc.yml you need to change the plugin name from postcss-smart-import to postcss-import:

    plugins:
      postcss-import: {}
      postcss-cssnext: {}
    

    ➕ Added (npm module)

    • ⬆️ Upgrade gems and webpack dependencies

    • postcss-import in place of postcss-smart-import

    ✂ Removed (npm module)

    • 🚅 postcss-smart-import, coffee-loader, url-loader, rails-erb-loader as dependencies

    • 🚅 publicPath from file loader #1107

    🛠 Fixed (npm module)

    • 🚅 Return native array type for ConfigList #1098

    ➕ Added (Gem)

    • New asset_pack_url helper #1102

    • 🆕 New installers for coffee and erb

    bundle exec rails webpacker:install:erb
    bundle exec rails webpacker:install:coffee
    
    • Resolved paths from webpacker.yml to compiler watched list