2020-03-22

庚子鼠年 己卯月 甲子日

描述

vue开发

随笔

vue练习

//安装vux
npm install vux --save

//vux是基于vux-loader的,所以必须要安装这个,否则会报一大堆错
npm install vux-loader --save-dev

const vuxLoader = require(‘vux-loader‘)
const webpackConfig = originalConfig;
var originalConfig = vuxLoader.merge(webpackConfig, {
  plugins: [‘vux-ui‘]
})

报错解决

Module parse failed: Unexpected token (18:6)
You may need an appropriate loader to handle this file type.
|     this.$parent.set(this.chartName, {
|       shape: defaultShapeMap[this.chartName] || ‘‘,
|       ...this.$props,
|       ...camelAttrs(this.$attrs)
|     })

const vuxLoader = require(‘vux-loader‘)
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig

module.exports = vuxLoader.merge(webpackConfig, {
  plugins: [‘vux-ui‘]
})
‘use strict‘
const path = require(‘path‘)
const utils = require(‘./utils‘)
const config = require(‘../config‘)
const vueLoaderConfig = require(‘./vue-loader.conf‘)

function resolve (dir) {
  return path.join(__dirname, ‘..‘, dir)
}

var originalConfig = {
  context: path.resolve(__dirname, ‘../‘),
  entry: {
    app: ‘./src/main.js‘
  },
  output: {
    path: config.build.assetsRoot,
    filename: ‘[name].js‘,
    publicPath: process.env.NODE_ENV === ‘production‘
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },
  resolve: {
    extensions: [‘.js‘, ‘.vue‘, ‘.json‘],
    alias: {
      ‘vue$‘: ‘vue/dist/vue.esm.js‘,
      ‘@‘: resolve(‘src‘),
    }
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: ‘vue-loader‘,
        options: vueLoaderConfig
      },
      {
        test: /\.js$/,
        loader: ‘babel-loader‘,
        include: [resolve(‘src‘), resolve(‘test‘), resolve(‘node_modules/webpack-dev-server/client‘)]
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: ‘url-loader‘,
        options: {
          limit: 10000,
          name: utils.assetsPath(‘img/[name].[hash:7].[ext]‘)
        }
      },
      {
        test: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
        loader: ‘url-loader‘,
        options: {
          limit: 10000,
          name: utils.assetsPath(‘media/[name].[hash:7].[ext]‘)
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: ‘url-loader‘,
        options: {
          limit: 10000,
          name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]‘)
        }
      }
    ]
  },
  node: {
    // prevent webpack from injecting useless setImmediate polyfill because Vue
    // source contains it (although only uses it if it‘s native).
    setImmediate: false,
    // prevent webpack from injecting mocks to Node native modules
    // that does not make sense for the client
    dgram: ‘empty‘,
    fs: ‘empty‘,
    net: ‘empty‘,
    tls: ‘empty‘,
    child_process: ‘empty‘
  }
}

// 配置vux2
const vuxLoader = require(‘vux-loader‘)
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig

module.exports = vuxLoader.merge(webpackConfig, {
  plugins: [‘vux-ui‘]
})

原文地址:https://www.cnblogs.com/chang1024/p/12548875.html

时间: 2024-10-15 15:56:53

2020-03-22的相关文章

记账本开发记录——第五天(2020.1.22)

今天继续学习了javascript的相关内容,同时学习了关于表格标签的一些新标签. 首先,学习了如何使表格隔行换色.整体的思路不算复杂,用java里的思路就可以大致理解,以下是效果和代码: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表格隔行换色</title> 6 <script> 7 window.onl

记账本开发记录——第六天(2020.1.22)

在学习JQ之前,我上网百度了一下,看看是否有学习该部分的必要.根据网友所说,虽然JQ的使用率不比以前,但作为一个十分经典的框架,仍然值得学习.现在很多框架都依赖于JQ,这点也是不容忽略的.在JQ中的AJAX也是个很多公司需要的功能.总的来说对于初学者来说学习JQ还是很有必要的. 在学习了一部分JS的基础上,今天学习了jQuery的基本操作.jQuery其实就是js query(查询),从名字可以看到,jQuery是对JS代码的一个简单化的框架.运用JQ可以很简单的编写出用JS来说比较复杂的案例.

2020/03/05 生成模型&amp;生成学习(Generative Learning)的流程

在之前的学习2020/01/02 深度学习数学基础学习--朴素贝叶斯中,大概的了解了生成学习的原理,但是对算法实现的 完整流程 不够清晰,所以今天想通过对生成学习回顾,明确一下生成学习的流程框架. 学习资料:斯坦福CS229-note2-Generative Learning algorithms的1.2节 必要的概念 类别先验概率: \(P(c)\) 类条件概率: \(P(\vec x | c)\) ,其中\(\vec x=(x_{1},x_{2},...,x_{m}); m为属性\),\(\

2016.03.22

立个flag咋就那么难呢,21号因为自己的原因几乎整天都没有敲代码,所以今天起了个大早起来读书,庆幸早起了,所以今天勉强完成了自己设定的目标.晚上因为学生工作的事情也没能继续看书.明天继续早起......列下今天的收获. 总算是把活动的生命周期全部搞明白了,静下心来看书果然效率十足.根据书上的例子敲了一遍,总算是知道了七个方法是在哪个时间点被调用的(发现自己敲键盘的速度真的是不行,以后看书看烦了就练练打字吧.)推荐<第一行代码>58页那张图,非常形象,容易记忆,还有就是特殊的dialog主题.

表格,表单元素补充17/03/22

1,table表格里面要占几行几列,要 <td colspan="3"> 2,要设置button居中,可以把按钮放在p标签里面,然后设置<p class="text-center"> 3,如需要单独使用表单元素和label元素贴近对齐时,可用: <div class="form-horizontal"> <div class="row"> <label class=&quo

AJPFX平台:03.22日内交易策略

AJPFX恒指: 恒指上个交易日走势上冲到上方最高点是29477,下方跌到最低点位是29000附近.昨日恒指高开震荡,日内进行了空头的回撤,晚间恒指受美股及道指纳指影响,进行了回调,盘面上看,目前日线上看,昨日K线收线收了根上影线很长的阴线,且跌穿了5日均线,最后收于10日均线上方位置一点点.均线还是往上提的,补助指标KDJ往下走了,MACD也是往下走了.今日恒指大趋势还是偏空头走的,小级别分析,恒指会有一定力度的多头调整,预计高开震荡下行或先进行上涨调整,在延续趋势而行,交易上,还是先看多头调

【Django】ContentType组件 -- 2019-08-08 18:03:22

目录 理解 表结构 使用 原文: http://106.13.73.98/__/72/ @ 好,现在我们有这样一个需求,我们的商城里有很多的商品,然而节日要来了,我们要搞活动. 那么,我们就要设计优惠券,优惠券都有什么类型呢?满减的.折扣的.立减的.等等等... 我们对应着活动类型,对某类商品设计优惠卷,比如: 家电是一类商品.食物是一类商品,那么我们就可以设计家电折扣优惠券,以及食物满减优惠券等. 所以,我们一顺手,表结构就出来了: from django.db import models i

思考题2020.1.22

很多同学博客里都说c语言不安全,不严谨,那么c语言哪里不安全,不严谨? 一.不严谨性: 1.C语言在数组下标越界的时候是不会提示错误的,这导致经常自己犯了数组越界的错误而不自知,只看到最后的运行结果是错误的,最后常常要经过好几次调试才能发现越界的错误(刚学数组的时候我经常干这事o(╥﹏╥)o) 2.对变量赋值的格式对应,要求不严格,在c语言中,我要是把一个浮点型数据赋给一个整型变量,在编译的时候只会给出警告,告诉你会丢失精度,但是是可以运行的,那这样子就导致在运行后发现有错,但是很难发现哪里出现

Softmax函数从零开始实现——2020.2.22

?????先导?本节实现所需的包或模块. import torch import torchvision import numpy as np import sys sys.path.append("..") # 为了导?上层?录的d2lzh_pytorch import d2lzh_pytorch as d2l 1.获取数据集 ????使?Fashion-MNIST数据集,并设置批量??为256. batch_size = 256 train_iter, test_iter = d2

2020/2/22

栈和队列:7题 2小时 树链剖分+2题:6小时  https://www.cnblogs.com/yrz001030/p/12348243.html 英语单词:1小时 原文地址:https://www.cnblogs.com/yrz001030/p/12348251.html