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']}