1. 在項目里安裝vux
    npm install vux --save
2. 安裝vux-loader
    npm install vux-loader --save-dev`
3. 安裝less-loader  （這個是用以正確編譯less源碼，否則會出現(xiàn) ' Cannot GET / '）
     npm install less less-loader --save-dev
4. 安裝yaml-loader  (以正確進(jìn)行語言文件讀取, 我沒安裝似乎也沒報錯)
    npm install yaml-loader --save-dev
5. webpack.base.conf.js 配置如下
    添加 const vuxLoader = require('vux-loader')
    將原來的module.exports 改為 const webpackConfig

在 extensions 添加 '.less'
resolve: {
    extensions: ['.js', '.vue', '.json','.less'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',
      '@': resolve('src'),
    }
  },
在文件最后添加
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })

1.輸入 npm install vux --save

2.輸入 npm install vux-loader --save-dev（沒安裝的時候，會一直報錯）

3.build/webpack.base.conf.js里參照如下代碼進(jìn)行配置：

var vueLoaderConfig = require('./vue-loader.conf')
const vuxLoader = require('vux-loader')

注意：將原來的module.exports的值賦值給let webpackConfig，然后再將module.exports設(shè)置下面的配置?。?！

module.exports = vuxLoader.merge(webpackConfig, {
plugins: [
{
name: 'vux-ui'
},
{
name: 'duplicate-style'
},{
name: 'less-theme',
path: 'src/common/css/theme.less'
}
]
})

然后引入theme.less文件

4、安裝less-loader以正確編譯less源碼

       npm install less less-loader --save-dev

5、安裝 yaml-loader 以正確進(jìn)行語言文件讀取

      npm install yaml-loader --save-dev

我踩的坑?。?！

根據(jù)以上步驟后，啟動項目cnpm run dev 以后是會報錯，

坑1報 Module build failed: Error: Cannot find module 'escodegen' 錯誤

解決方法安裝?。?！
npm i --save-dev escodegen

坑2報 報 Module build failed: Error: Cannot find module 'strip-comments' 

解決方法安裝！??！
npm  install strip-comments --save-dev

6、main.js

//引入vux提示文件
import { AlertPlugin, ToastPlugin } from 'vux'
Vue.use(AlertPlugin)
Vue.use(ToastPlugin)