react學習之路-配制antd-mobile


經過將近三個月的使用,現在終於在我老大的帶領下做完了一個react的項目,感覺還可以,最大的不足就是,對於react中的很多的東西都是摻雜着jq使用來做的,這是最不滿意的一點吧,但是開發進度很近,只能在以后的改版中慢慢完善這一點。在這個項目中,很多的東西都是我老大幫忙配制的,但是今天我重新來配制了一遍,將關於antd-mobile的東西總結一下。

 

對於最初的環境就不說,現在主要寫我在配制中遇到的問題,以防以后還會遇到。

1.

對於找不到antd-mobile的話,要首先設置warn.js這個文件,

在webpack.config.js中的module中的loaders設置,

module:{
  loaders:[{
    test:/\.js?$/,
    loader:'babel-loader',
    exclude:/node_modules/,
    query:{compact:false,presets:['es2015','react']}
  },{
    test: /.css$/,
    loader: 'style-loader!css-loader'
  },{    
    test: /\.(svg)$/i,
    loader: 'svg-sprite-loader',
    include: [
      require.resolve('antd-mobile').replace(/warn\.js$/, ''),
    ],
  }]
},
2.
 
和這個問題
對於找不到style中的css,
在package.json中設置babel
"babel": {
  "presets": [
    "es2015",
    "stage-0"
  ],
  "plugins": [
    [
      "import",
        {
          "style": "css",
          "libraryName": "antd-mobile"
        }
    ]
  ]
},
 
3.
在找不到loader時,需要安裝
npm install awesome-typescript-loader

 

就可以識別了。
 
 
好了,我暫時的問題都在這里了,以后可以繼續補充
 
 
 
 
 
 
 
 
 
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM