CompileYouth / wait-for-you-website

An official website for Wait For You.

Wait For You Website

An official website for Wait For You.

How to use LESS

1. Find /node_modules/react-scripts/config/webpack.config.dev.js;
2. Find test: /\.css$/, change it to test: /\.(?:le|c)ss$/;
3. On the use array, after the css-loader object, add:

   {
       loader: require.resolve('less-loader'),
       options: {
           importLoaders: 1,
       },
   }

   Before this, run npm i --save-dev less-loader less-watch-compiler;
4. Your file should like this:
5. Remember put your less-loader in the last of the array.
6. Apply the same setting to /node_modules/react-scripts/config/webpack.config.prod.js.

Reference

1. Create React App
2. Structuring projects and naming components in React
3. Adding SASS or LESS support to create-react-app