一 ： 樣式    

我們擁有10多年網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站建設(shè)經(jīng)驗(yàn)，從網(wǎng)站策劃到網(wǎng)站制作，我們的網(wǎng)頁(yè)設(shè)計(jì)師為您提供的解決方案。為企業(yè)提供網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、重慶小程序開(kāi)發(fā)、成都做手機(jī)網(wǎng)站、HTML5、等業(yè)務(wù)。無(wú)論您有什么樣的網(wǎng)站設(shè)計(jì)或者設(shè)計(jì)方案要求，我們都將富于創(chuàng)造性的提供專業(yè)設(shè)計(jì)服務(wù)并滿足您的需求。

 在src下創(chuàng)建一個(gè)index.css的文件.

       寫上如下代碼：

            body{

                background-color: red;

    }

在app.js中引入這個(gè)css文件

        import "./index.css";        

現(xiàn)在我們直接執(zhí)行npm run start .看看會(huì)發(fā)生什么.

果然出現(xiàn)了這個(gè)錯(cuò)誤。因?yàn)閣ebpack它本身是不認(rèn)識(shí)css代碼，所以需要我們?nèi)ヅ渲脕?lái)讓它識(shí)別css代碼

css-loader --->解析css

安裝: npm i -D css-loader

我們還需要在webpack配置文件配置。跟之前react類似。

如下:

在執(zhí)行npm run start

可以順利打包，但是打開(kāi)打包后的html。發(fā)現(xiàn)樣式未生效，f12調(diào)試發(fā)現(xiàn), css樣式根本就沒(méi)有引入到html中.

所以這時(shí)候需要有一個(gè)插件幫我們引入

style-loader---->Adds CSS to the DOM by injecting a