前言:省去安裝項(xiàng)目步奏!
1.在項(xiàng)目里安裝vux
? ??npm install vux --save
2.安裝vux-loader (不安裝會(huì)報(bào)一推推的錯(cuò))
npm install vux-loader --save-dev
3.安裝less-loader?(用以正確編譯less源碼佳遂,不然會(huì)報(bào) ' Cannot GET / ')
npm install less less-loader --save-dev
4.安裝yaml-loader? (以正確進(jìn)行語言文件讀取, 我沒安裝似乎也沒報(bào)錯(cuò))
npm install yaml-loader --save-dev
5 在build/webpack.base.conf.js 文件進(jìn)行配置
? ??const vuxLoader = require('vux-loader')
? ? const webpackConfig = originalConfig
? ? 原來的 module.exports 代碼賦值給變量 webpackConfig未桥,
6.即將原來的module.exports 改為 const webpackConfig
7.module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })
8.最后一步肠骆,在resolve: {??
extensions: ['.js', '.vue', '.json','.less'] 里加入“.less”肺蔚。
配置代碼如下:
"$t" is not defined 報(bào)錯(cuò)問題,
這個(gè)問題? 網(wǎng)上各有各的做法來解決了钠署,? 有病亂投醫(yī)的心里 就試了一試? 結(jié)果不理想 沒解決不說 還耗費(fèi)了時(shí)間糠聪,
最后我刪除了 所有的依賴 以及擴(kuò)展( node_modules),重新npm install? ,問題就解決了谐鼎。
文件過大警告
官網(wǎng)手冊引入方式如下:
import { Toast?} from 'vux'
Vue.use(Toast?)
但是此引入方法打包后還是很大? 有的高達(dá)2M多舰蟆,排查發(fā)現(xiàn),打包的是vux? 里面所有組件 導(dǎo)致過大,因此我的做法是單個(gè)引入寫全路徑
import Toast from 'vux/src/components/toast'
components:{
????Toast?
}