#小程式# mpvue引入vant的注意事項

自學IT的攻城獅 2020-04-30 23:13:20 285 收藏
文章標籤： 小程式 mpvue
版權
- 安裝vant
- npm install vant-weapp -S --production
- 引用
- /app.json
"usingComponents": {
"van-button": "vant-weapp/dist/button/index"
}

- 使用
<template>
<div id="hello">
hello world!!! <van-button type="primary">click</van-button>
</div>
</template>

- webpack.base.config.js配置
- 作用: 在編譯的時候在小程式中複製node_modules檔案加下的vant-app/dist目錄
if (/^wx$/.test(PLATFORM)) {
baseWebpackConfig = merge(baseWebpackConfig, {
plugins: [
new CopyWebpackPlugin([{
from: resolve('node_modules/vant-weapp/dist'),
to: resolve('dist/wx/vant-weapp/dist'),
ignore: ['.*']
}])
]
})
}

- 小程式專案配置
- 勾選 ES5 轉成 ES6
- 一定要勾選, 否則執行會報錯
————————————————
版權宣告：本文為CSDN博主「自學IT的攻城獅」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處連結及本宣告。
原文連結：https://blog.csdn.net/weixin_43753747/article/details/105871559