vue-cli學(xué)習(xí)——stylus在項(xiàng)目中如何配置

安裝步驟基于使用vue-cli創(chuàng)建的項(xiàng)目。

成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括秀峰網(wǎng)站建設(shè)、秀峰網(wǎng)站制作、秀峰網(wǎng)頁制作以及秀峰網(wǎng)絡(luò)營(yíng)銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，秀峰網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到秀峰省份的部分城市，未來相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

        >.創(chuàng)建完成一個(gè)初始項(xiàng)目后，通過 npm install stylus -D命令，在項(xiàng)目?jī)?nèi)安裝stylus。（注意：命令結(jié)尾 -D 即是 --save-dev 的簡(jiǎn)寫形式）

        >.需要安裝loader，通過 npm install stylus-loader css-loader style-loader --save-dev  命令。

        >.找到 webpack.base.conf.js 文件，并在其中的rules中寫入配置：

                {

                  test:/\.css$/,

                  loader:'style-loader!css-loader!stylus-loader'

                }

    

    就可以使用stylus了

網(wǎng)站欄目：vue-cli學(xué)習(xí)——stylus在項(xiàng)目中如何配置
分享網(wǎng)址：http://m.jiaotiyi.com/article/gccohs.html