1. 注意 "/style" "./style" 的区别一个是绝对路径,一个是相对路径,css
../ 父级目录
./ 当前目录
/ 根目录,也叫绝对路径,在一些软件中若是环境变量配置有误,系统或者应用程序是没法查找到对应目录的,因此报错
import './style/styles.css';
//require('styles.css');
报找不到文件,webpack须要配置额外参数 node 中用 requrie('xxx'),
import x form ('xxx.xxx');
会致使node执行程序,直接查找node_modules下的模块了,因此须要注意
使用 CSS Modules 引入 Node Modules 的时候能够去掉 符号(如 )。
可是,当 你本身的 CSS 时可能会遇到错误。若是你获得了 “can’t find ___” 这样的错误,尝试添加一个 对象到 里,
好让webpack 更好地理解你预期的模块顺序。
配置以下:
~@import "normalize.css";@importresolvewebpack.config.js
resolve: { modules: [path.resolve(__dirname, './src'), 'node_modules']}