用的是vue，在組件中通過@import './st/css/reset.scss';不會解析，只能用里面不是用sass語法寫的內(nèi)容。如果直接在組件中用sass語法是可以編譯，比如：
<style lang="sass"></style>安裝了sass-loader、node-sass。
2 回答
慕雪6442864
TA貢獻1812條經(jīng)驗 獲得超5個贊
一樓沒聽明白你的問題，二樓裝傻。。 @import 和 import進來的模塊webpack編譯是有區(qū)別的，通常我們都適用import引入模塊，但是當css模塊化后，集體引入，會發(fā)現(xiàn)@import引入并不會被編譯進去也不會刷新。解決方式:
目前沒有發(fā)現(xiàn)webpack上有什么解決的措施，只有改變我們書寫的方式了.可以建立一個 style.js
import "index.css"; import "module1.sass"; import "module2.sass";
index.css 可以使用你說的那種方式，使用@import ".css" 用于引入不經(jīng)常改變的熱更新的 css 文件，比如default ｜ reset , 開發(fā)時使用 import 引用你使用的sass文件。如果有強迫癥，可以每次開發(fā)完一個模塊，再轉(zhuǎn)換為 @import...
拉丁的傳說
TA貢獻1789條經(jīng)驗 獲得超8個贊
npm install style-loader css-loader sass-loader
loaders代碼
{test: /\.css$/, loader: 'style!css'},
{test: /\.scss$/, loader: 'style!css!sass')},目錄結(jié)構(gòu)
a.js
style.scss
a.js
import './style.scss';
style.scss
.hello{ font-size:1rem;
}添加回答
舉報
0/150
提交
取消