1. 注意  "/style"            "./style"   的区别一个是绝对路径，一个是相对路径，

../ 父级目录
./  当前目录
/   根目录，也叫绝对路径，在一些软件中如果环境变量配置有误，系统或者应用程序是无法查找到对应目录的，所以报错

import ‘./style/styles.css‘;
//require(‘styles.css‘);

报找不到文件,webpack需要配置额外参数  node 中用 requrie(‘xxx‘)，

import x form (‘xxx.xxx‘);
会导致node执行程序，直接查找node_modules下的模块了，所以需要注意     

使用 CSS Modules 引入 Node Modules 的时候可以去掉 ~ 符号（如 @import "normalize.css";）。
但是，当 @import 你自己的 CSS 时可能会遇到错误。如果你得到了 “can’t find ___” 这样的错误，尝试添加一个 resolve 对象到 webpack.config.js 里，
好让webpack 更好地理解你预期的模块顺序。
配置如下：

resolve: {
    modules: [path.resolve(__dirname, ‘./src‘), ‘node_modules‘]
}

根目录，当前目录，和父级目录在node中写法需要注意的地方