根目錄,當前目錄,和父級目錄在node中寫法須要注意的地方

 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']}
相關文章
相關標籤/搜索