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

转载于:https://www.cnblogs.com/vincegod/p/9824363.html