nice css loader

1module.exports = {
2  module: {
3    rules: [
4      {
5        test: /\.css$/i,
6        use: ['to-string-loader', 'css-loader'],
7      },
8    ],
9  },
10};

1module.exports = {
2  module: {
3    rules: [
4      {
5        test: /\.css$/i,
6        use: [
7          'handlebars-loader', // handlebars loader expects raw resource string
8          'extract-loader',
9          'css-loader',
10        ],
11      },
12    ],
13  },
14};

1/* loading */
2.loader {
3  position: absolute;
4    top: 50%;  
5    left: 50%; 
6    transform: translate(-50%, -50%);
7  border:3px solid #999;
8  border-radius: 50%;
9  border-top:3px solid #D10000;
10  width: 30px;
11  height: 30px;
12  -webkit-animation: spin 2s linear infinite; /* Safari */
13  animation: spin 2s linear infinite;
14}
15
16/* Safari */
17@-webkit-keyframes spin {
18  0% { -webkit-transform: rotate(0deg); }
19  100% { -webkit-transform: rotate(360deg); }
20}
21
22@keyframes spin {
23  0% { transform: rotate(0deg); }
24  100% { transform: rotate(360deg); }
25}