zoukankan      html  css  js  c++  java
  • 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. Vuex2.x官方文档  https://doc.vux.li/zh-CN/install/npm.html
      2. Vue2.x官方文档  https://cn.vuejs.org/v2/guide/installation.html
  • 相关阅读:
    [转载]JavaScript世界的一等公民 函数
    JavaScript基础知识词法结构
    JavaScript触发asp.net服务器端控件事件
    WinForm窗体间传值大全
    快速导入Excel
    让虚拟机支持USB HDD 启动
    常见的mysql导出excel工具介绍
    silverlight 播放器,丑丑版
    快速导出Excel
    一个C#编写QQ接口软件QQ协议(转)
  • 原文地址:https://www.cnblogs.com/vincegod/p/9824363.html
Copyright © 2011-2022 走看看