import LazyLogin from 'bundle-loader?lazy&name=[name]!./views/Login.js';
when I use bundle-loader like this ,some errors occured ! I had found some way and couldn't solve it .
I need some help ,and what should I do ?
Unexpected '!' in 'bundle-loader?lazy&name=[name]!./views/Login.js'. Do not use import syntax to configure webpack loaders import/no-webpack-loader-syntax
Webpack loaders are not supported by Create React App.
Moreover, you don鈥檛 need bundle-loader to implement lazy loading.
It is already supported out of the box with dynamic import().
Please check out this guide on code splitting:
http://serverless-stack.com/chapters/code-splitting-in-create-react-app.html
And this doc:
https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#code-splitting
import('./views/Login.js').then(/* ... */)
Most helpful comment
Webpack loaders are not supported by Create React App.
Moreover, you don鈥檛 need
bundle-loaderto implement lazy loading.It is already supported out of the box with dynamic
import().Please check out this guide on code splitting:
http://serverless-stack.com/chapters/code-splitting-in-create-react-app.html
And this doc:
https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md#code-splitting