rax-scripts

Rax project development tools.

Commands

• start Start development services, Default enable hot reload and inline-module-source-map.
• build Bundle the project.

Customize Webpack Config

rax-scripts has its own default webpack configuration. Also you can modify the webpack configuration.

1. create webpack.config.rewire.js into project root.

rax-project
├── src
│   ├── App.css
│   ├── App.js
│   └── index.js
└── webpack.config.rewire.js

2. webpack.config.rewire.js accept a webpackConfig and return it.

like:

// webpack.config.rewire.js
const sassLoader = require.resolve('sass-loder');
 
module.exports = function (webpackConfig) {
  webpackConfig.module.loaders.push({
    test: /\.scss$/,
    loader: sassLoader,
  });
 
  return webpackConfig;
};