2017-04-24 56 views
0

我使用create-react-app命令創建了React項目,它使用webpack。如何使用webpack對節點sass和sass-loader使用webpack引用項目的根文件夾

爲了使用SASS,我需要使用npm run eject命令彈出並手動添加裝載器陣列中的SCSS loader,as explained here

這是我第一次有反應,我使用的是每comonent 式的方法其中包括進口每分量.scss文件。

我在~/my-project-folder/src/assets/styles/_variables.scss有一個全局變量文件,我想從~/my-project-folder/src/scenes/Auth/Login/styles/login.scss導入它,當然我不想做像@import '../../../assets/styles/_variables.scss'這樣的東西。

我已經看到,我可以用這種方式引用node_modules文件夾中的SASS文件:​​所以我想知道什麼是指我的項目的根目錄,即~/my-project-folder

回答

0

當你這樣做@import「〜bootstrap-sass/assets/stylesheets/bootstrap/variables」;它會在node_modules中查找bootstrap-sass,但是當您想要將其全局sass文件導入到其他文件中時,則必須給出相對路徑,否則webpack將無法爲您解析它。您可以嘗試在您的網絡包中公開路徑