Vue2.x + vux2.x + vux-loader + typescript 搭建第一個環境

• 前置條件

　　已經安裝nodejs, vue-cli

• 使用vue搭建第一個app

 

• 添加Vux和Vux-loader

　　step1:  npm install vux-loader --save

　　step2: 在build/webpack.base.conf.js文件下 修改plugin配置

　　　　const vuxLoader = require('vux-loader')

　　　　const webpackConfig = originalConfig // 原來的 module.exports 代碼賦值給變量 webpackConfig

　　　　module.exports = vuxLoader.merge(webpackConfig, {

 　　　　 plugins: ['vux-ui']

　　　　})

　　step3: 參考下面添加其餘配置, 如less, lessloader

　　https://doc.vux.li/zh-CN/install/manual-usage.html

      step4: 安裝typescript

• 遇到的error

1. npm run dev 顯示以下錯誤

   * !!vue-style-loader!css-loader?{"sourceMap":true}!../../../../vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-3e948aa6","scoped":false,"hasInlineConfig":false}!../../../..
   /vux-loader/src/after-less-loader.js!less-loader?{"sourceMap":true}!../../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=styles&index=0!./index.vue in ./n
   ode_modules/vux/src/components/cell/index.vue

　　　 解決方案：npm install less less-loader --save-dev

• 參考資料

1. 1. Vuex2.x官方文檔　　https://doc.vux.li/zh-CN/install/npm.html
   2. Vue2.x官方文檔　　https://cn.vuejs.org/v2/guide/installation.html