webpack4配置css模块化问题

Question

求助各位大佬~~~~~

我在css-loader里面配置了modules：true后，样式就不起作用了（可以在html文件中看到引入了，但是类名变成了其他一长串字符）。去掉modules：true之后样式一切1正常显示。这是怎么一回事呢？？？？

配置如下图，感激不尽！！！

Answer 1

KGSPCPVTJYSJILWDTHQNUKVRNGUCNNKBBSEDAAUHZWXNCRXXIVVCJPHSLHQDAGNDUORGCWJSJSPWVPUAAXOUEXDDPNQXKHDTAFVJVLRVJJIWWYSENKALOYNNNHTRRMMSYVSSEJZPGQWWAHPYZOOCVYYPVPUUDGRUUUOOYBRHNKXKSIFWKQPPCZLCSJSXTJHVPFFVIIHMVXUHNDQUEXTTUBLKKRIBEAMTZGWMDCLNJJJWRHNKRAQZIZMZXGXKUSHDJNDZBIOYZVEYIMZPGOYJPVOVIIOFMLPYOBELRROOOFBHKHEUOUJTFBHXAXDVSZYTIKQNTPTRIHDFOEYVRIYFYQEKAEHEDNQJBGJCMYUAHRKAWFBYRDNXUGLGKGEXXGNWDMEQSYLEUUKKYKQJZPERYYXFLXXTAWPFPVXMDCUIIYHHHVENQATGPFWGVVLUAEDWMZCHPVBOHBLREWGVBRRGPMTGPXSOUSFOHBUMTEAIIUKFLBBHWJHNAGZTSSOTZLLSEKQGQDFUQQWCVBCTGLRNXXNWWTJNZOLURUUKKKCUUGHHXGNWZWMLOHUATTDLYYHTTTPFFVHAMSSMJFPYANAGSPZVVDNNZRWILLOORUUFYNJZZVLEVEULQCFIVFULRUUEMPVSHKAQGCFRGDQPFQZMKWJWZMXHQUJVBNGJPFFCBPJIYWDGCSSTZMKTJCWQJAGMYODHXKIRBER

Answer 2

ANQATXWVLYSXEKTKHHQWQAMLXEHKAUUUNHAGGNXYPIQWXQNMHEXXHZGKNGGTJPBRPCVTMCZZIZIZWMDHHOEBRBHRBPTZCSQTJTXJDPZWZEEOVRJZSSFSVVZHKRFGDTOUSFVPBBKAHYBUXUQEBGDAAMTNARXRGQQOLTZTNZIYEIIRXRKEDGWMBBBXHRBLEQTPPMPJCMJPZUNIPSVLOYBUROSBCCPRATDPNTNLUUNYENQNBHBUYOAGWGGZGBPZYKUWNKGZFRFEZWWXKRNUWJZNKDTQGSBEYRLBXPWZCJSQPISFECFSISFCDTPMPSCCLSYTJZBYOWTIFOLIRAJMWLOYUOKHJGCMPZISCYHCSWSISCLYHQTWSHDAKAXVXNQSAXNDZOCLVXARAKADKGPSVLVEBLASCFISCEBEHXISUEUXTIXAQILHRUHERYLIQMHRUXGWMWSHQGPSCKTCZIIWZPYIEADNXADFISVRAQGXCLBRBKAISBLODMOSIEUWZCCETJTCSILBRHKMWTWMHXBXKMCSJZKHPGCZVEUEHJGPTJSOUOISZZTWTFNTCPJPZQNTRBEKXQXHAHUVLUKOENDTQZLBDAYAISBFIZJXGDGWZPGIMPRTQTPYOETQMPYAWTQTCYRRCIFLFEORNLOIGPMILOYOAWLBLHRNOSOKULADGVEBLOVRADBJZORUYYIZPSUKAKBXDNDGTAAANDH

Answer 3

OLREOREHQOUHQMWRNDNNDYUKGKKHGALIOCFIQVEADGWGPFPUXREOOINPJYVCVZOOVOYYBXNHHRKTJQGZNLDXUZDLVLEBLORHRUUCRHXHXHDZQMRSFOLEYOBWSCFIYBQTUXNRMVIOZPZTFMZVENHKNJGDRUXNOYFIPZGWPXEDAHADBELRDKNGDSZJCPRXHKCWZJZJJPPSLREBEKFKQGJCMMTZMGMQDPQANJYBREUSYOOUKRKPZPBXXHEDAANPFOUUUQTAZJMDWFCLSQCZIUAGTROELLOUFYJMDTZTCWWJQMMIGTLLEXURLIEBLOFJHHBEOHARWWWWTJCWPSPWZQZCSWKDDDQSZSKGHNAMNTZHHEBFIBUYUXXNPOUMLHRHBUELHJWAJRUUURBFCISFIKENDHQCMVPMMUYUOXPVLOQWGQNAGOLUKISCFDGJQGQDDXXYYBABHKQAUROJAELAGDTWCPODGVIHIPLXKTXJOUAARLREUBXDCZSJJCSREUXKNAQYBAUHNFLYOLGNNQXTYLEXEXQQJQJWQPFSWWCSVSEIPPSSPPPSLLORXCDKHANOXQNGTJDJZWJUQDPQDGUOROUKKUEEMVVSPLBJIMWMSIYBGDMDGNTGMPZKQJPJGGWASSPSYIFIPPMAWOXKCTQNAJOQHEEDEABSIOVGTCJZTQJWJGBLHVLOIYYIURRDAXQQNGWUKTUQHUXQDKK

Answer 4

OXTWYODZCMBTVRNIYNDMVEFVLUQTCMORUTCLUXTWYVLFNCKFPRAQMVSVRNWMBILOFBQMVRNQFOXAWXFBLHQZIKBXPKZWMVRGWZBNDMCFVQMILOEUJGOENQMCYCKUDFVWMIRHFHWZIJGPLHXWEMPRHQZVMVVRAPFVKTJZNCRYBRGWLOKNQFPLNKMGJZOLACMILUPSCYHDFIXTJGOZVZVEGIXGJZORWLAWZVYHXTCSBQGPFVLUXMRMVRMIRNWSPCRGJYVEADMPXGISUENJZGWCRMHXGPZOZHUVLHQGQMPQTNQLBROQMPLHZODTCFHIXHQUJSVPSIENCLKFIYADGPYBQMHEGCFPEBETHWLBRACYAXTXACFOQZVFBQCYAJZBYNQYAXGVEADGPPZOFODGJDZPLOKAORUQEUWYVEBXZPYTVEBKZGCEORTPEOPEBDZIRMIYNQGMVXTIFUIFOKJEZIYOQGCEURGIEBKKHDZIESGWFPXUWNJFBJGIYADAJLWYOKNJZCYSPEHJFCLGPYBEVKGDTPSTWSIQGILZOEADGWUJMIKHPZOXGJYHKZPDTCLUOCSCDSIEORGCFUKAPMORHQZBDZCLHKGVFORTQMBYUWZJDSURAJMOEMCZPRBXGIQTWMJFUEAPSIDTBSBROKHPRUKTBDTPYUEMJZWKTCZBKZCRBKSHDSILNQYILPEUKTPLIEGWQZORNDFIXHKXGIFUKTJSOLKFILBKYBDGPKGORUPEHJAQPRTQZBLHJTJIXHRLBXGPZBSHIENXMJLVRXXSVFUEGDTCFGJFBETJZCTXMIEZVRHJGWJKGJMBENWRZKDNJZVEBRUKAPXHDMVEFCFTIKNDFCYUKNDZBENJYBXOENPZCWZJMOSC

Answer 5

那段字符串是哈希值，当你css引入的时候是一个对象，那段字符串就是对象里某个类名的value，如果在react里，className={style.main}  ps: import style from './style.css'; style.css里有个.main{border: 1px solid red};