Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

WebPack 2: Migrate preLoaders and postLoaders

Tags:

webpack

I've installed [email protected]. Before, I was using [email protected]. On my configuration file I was using preLoaders and postLoaders:

preLoaders: [
    {
      test: /\.ts$/,
      loader: 'string-replace-loader',
      query: {
        search: '(System|SystemJS)(.*[\\n\\r]\\s*\\.|\\.)import\\((.+)\\)',
        replace: '$1.import($3).then(mod => (mod.__esModule && mod.default) ? mod.default : mod)',
        flags: 'g'
      },
      include: [helpers.root('src')]
    },

  ],
  loaders: [...],
  postLoaders: [
    {
      test: /\.js$/,
      loader: 'string-replace-loader',
      query: {
        search: 'var sourceMappingUrl = extractSourceMappingUrl\\(cssText\\);',
        replace: 'var sourceMappingUrl = "";',
        flags: 'g'
      }
    }
  ]

I'm not able to figure out once I've took a look on internet how to migrate this preLoaders and postLoaders.

Should I put them inside loaders? Only that?

like image 500
Jordi Avatar asked Nov 17 '16 11:11

Jordi


1 Answers

From v2.1-beta.23 the loaders section is renamed to rules and pre/postLoaders is now defined under each rule with the enforce property.

I've answered in more detail in this thread

More info can also be found in the release notes on github

The release notes also mentions a migration example in the angular cli repo

Another tip is to look at the json schema that validates the config for hints.

like image 130
jontem Avatar answered Oct 22 '22 14:10

jontem