React-app-rewired: Help, How to add webpack alias ?

Created on 12 Dec 2017 · 4Comments · Source: timarney/react-app-rewired

I want to add custom alias , how i do it ?

Source

001123

Most helpful comment

If I've understood the Webpack Config and Webpack Resolve documentation correctly, you'd need to add a resolve section to the config in your config-overrides.js file:

module.exports = function override(config, env) {
  config.resolve = {
    alias: {
      Utilities: path.resolve(__dirname, 'src/utilities/'),
      Templates: path.resolve(__dirname, 'src/templates/')
    }
  };
  return config; 
}

dawnmist on 12 Dec 2017

👍18 🎉3

All 4 comments

If I've understood the Webpack Config and Webpack Resolve documentation correctly, you'd need to add a resolve section to the config in your config-overrides.js file:

module.exports = function override(config, env) {
  config.resolve = {
    alias: {
      Utilities: path.resolve(__dirname, 'src/utilities/'),
      Templates: path.resolve(__dirname, 'src/templates/')
    }
  };
  return config; 
}

dawnmist on 12 Dec 2017

👍18 🎉3

how to add modules like this:

{
  test: /\.module\.less$/,
  loader: ExtractTextPlugin.extract(
    'css?sourceMap&modules&localIdentName=[local]___[hash:base64:5]!!' +
    'postcss!' +
    `less-loader?{"sourceMap":true,"modifyVars":${JSON.stringify(theme)}}`
  ),
}

I just want to use less.modifyVars to change my own theme color.