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

 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']
}
 
posted @ 2017-06-25 23:43  TomG  阅读(2520)  评论(0编辑  收藏  举报