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