MUI是一款開源的移動端UI框架，支持vue、react等多種前端框架。在使用vue開發移動端應用時，使用MUI可以很方便的快速搭建出漂亮的前端界面，提高開發效率。

接下來演示如何使用MUI打包vue應用。首先，我們需要通過npm安裝MUI和mui-loader。

npm install mui mui-loader --save-dev

然后在vue配置文件中加入以下代碼：

const mui = require('mui')
module.exports = {
...,
module: {
rules: [
{
test: /\.(scss|sass)$/,
use: [
'vue-style-loader',
'css-loader',
'sass-loader',
{
loader: 'mui-loader',
options: {
mui: 'scss', //默認scss
staticResourcePath: '/static'
}
}
]
}
]
}
}

這段代碼為我們的vue應用配置了mui-loader，使得我們的應用可以支持MUI的樣式。

最后，我們需要在入口文件中引入MUI：

import 'mui/dist/css/mui.css'

這樣，我們就可以在vue應用中使用MUI的UI組件了。使用MUI打包vue應用，讓我們的前端界面更加美觀簡潔，提高開發效率，為用戶帶來更好的體驗。