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