經過將近三個月的使用,現在終於在我老大的帶領下做完了一個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
就可以識別了。
好了,我暫時的問題都在這里了,以后可以繼續補充