注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. Vue中使用webpack别名的方法实例详解

  2. 本文通过实例给大家介绍了Vue中使用webpack别名的方法,非常不错，具体一定的参考借鉴价值，需要的朋友可以参考下

  3. 所属分类：其它

    • 发布日期：2020-08-27
    • 文件大小：44032
    • 提供者：weixin_38711333

  1. vue-cli中的webpack配置详解

  2. 本篇文章主要介绍了vue-cli中的webpack配置详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-08-29
    • 文件大小：95232
    • 提供者：weixin_38514620

  1. 详解如何使用webpack在vue项目中写jsx语法

  2. 本篇文章主要介绍了详解如何使用webpack在vue项目中写jsx语法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-19
    • 文件大小：65536
    • 提供者：weixin_38677306

  1. 详解vue-cli脚手架中webpack配置方法

  2. 主要介绍了详解vue-cli脚手架中webpack配置方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-18
    • 文件大小：128000
    • 提供者：weixin_38502762

  1. vue实现的多页面项目如何优化打包的步骤详解

  2. 遇到的问题 在多页面框架打包的过程中会，随着业务的增加页面越来越多，使用的三方包也会越来越多，但并不是所有页面都会使用到三方插件，使用webpack打包会让所有的三方包打包到一起，会导致vendor.js(三方包打包后的文件)越来越大，即使没使用过三方插件的页面也会引入，页面加载会越来越慢. 如何优化  使用cdn引入，这种就每次新建一个页面的时候手动通过cdn的方式引入，但是并不是特别好的方式，还需要手动加入. 就是使用splitChunks分割三方包，将三方包单独打包出来，根据页面的

  3. 所属分类：其它

    • 发布日期：2020-11-20
    • 文件大小：178176
    • 提供者：weixin_38536267

  1. 在Vue中使用echarts的方法

  2. 上篇文章给大家介绍了 在 webpack 中使用 ECharts的实例详解 ，可以点击查看。 1. 使用NPM安装（全局引入） 执行下面的命令： npm install echarts--save 引入echarts模块 在Vue项目的main.js中引入echarts模块，即是写入如下代码： import echarts from 'echarts' Vue.prototype.$echarts = echarts； 2. 按需引入 上面全局引入会将所有的echarts图表打包，导致体积过

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：36864
    • 提供者：weixin_38718415

  1. 详解如何使用webpack在vue项目中写jsx语法

  2. 本文介绍了如何使用webpack在vue项目中写jsx语法，分享给大家，具体如下: 我们知道Vue 2.0中对虚拟DOM的支持。我们可以通过Javascr ipt动态的创建元素，而不用在template中写HTML代码。虚拟DOM最终将被渲染为真正的DOM。 data: { msg: 'Hello world' }, render (h) { return h( 'div', { attrs: { id: 'my-id' }, [ this.msg ] ); } 渲染后的内容为：

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：61440
    • 提供者：weixin_38617335

  1. 使用Vue开发动态刷新Echarts组件的教程详解

  2. 需求背景：dashboard作为目前企业中后台产品的“门面”，如何更加实时、高效、炫酷的对统计数据进行展示，是值得前端开发工程师和UI设计师共同思考的一个问题。今天就从0开始，封装一个动态渲染数据的Echarts折线图组件，抛砖引玉，一起来思考更多有意思的组件。 准备工作 项目结构搭建 因为生产需要（其实是懒），所以本教程使用了 ==vue-cli==进行了项目的基础结构搭建。 npm install -g vue-cli vue init webpack vue-charts cd vue-

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：131072
    • 提供者：weixin_38519849

  1. vue项目中axios使用详解

  2. axios在项目中(vue)的使用 没有vue项目的使用vue-cli脚手架生成一个webpack模板的项目即可愉快的看下去了~ 如果开发遇到跨域问题可以参考：//www.jb51.net/article/134571.htm 安装axios到项目中 npm install axios –save 配置wepack别名，不同环境访问不同的配置接口 配置： 使用：import config from 'config' 封装一个axios实例 新建fetch.js,在此创建axios实例与过

  3. 所属分类：其它

    • 发布日期：2020-11-26
    • 文件大小：158720
    • 提供者：weixin_38691199

  1. 详解vuejs中执行npm run dev出现页面cannot GET/问题

  2. 1.问题描述 最近用vue-cli搭建了一个小项目,其中在对项目进行打包测试时修改了webpack.base.conf.js中的配置信息,之后再用npm run dev之后出现如下的情况: 1.浏览器中无法呈现已有页面,并且在浏览器控制台中报404错误 2.命令窗口中并没有报错 其中有人说是路由等问题,后来通过创建新的项目对比配置文件信息,发现是配置信息导致: 注释部分是打包时需要修改的地方(根据打包时网站根目录,这个没处理好可能会出现图片路径加载失败问题),而上面才是在开发环境

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：92160
    • 提供者：weixin_38667920

  1. 详解使用vue-admin-template的优化历程

  2. 前言 公司有好几个项目都有后台管理系统，为了方便开发，所以选择了 vue 中比较火的后台模板 作为基础模板进行开发。但是，开始用的时候，作者并没有对此进行优化，到项目上线的时候，才发现，打包出来的文件都十分之大，就一个 vendor 就有 770k 的体积（下图是基础模板，什么都没加打包后的文件信息）： 通过 webpack-bundle-analyzer 进行分析可得，体积主要来源于饿了么UI（体积为 500k），因为没对其进行部分引入拆分组件，导致 webpack 把整个组件库都打包进去了

  3. 所属分类：其它

    • 发布日期：2020-12-03
    • 文件大小：196608
    • 提供者：weixin_38557896

  1. vue-hook-form使用详解

  2. vue-hook-form 用于处理form请求，获取formData。以便于将form请求转成ajax/fetch请求 安装 npm install vue-hook-form 使用 VUE版本：1.x 必须在vue-cli生成的webpack模板环境中使用 一、注册&配置组件 // 这里使用在main.js中全局注册来示例 import vue from 'vue' import hookForm from 'vue-hook-form' // 配置全局form表单序列化之前的hoo

  3. 所属分类：其它

    • 发布日期：2020-11-27
    • 文件大小：48128
    • 提供者：weixin_38690149

  1. vue-cli中的webpack配置详解

  2. 版本号 vue-cli 2.8.1 (终端通过vue -V 可查看) vue 2.2.2 webpack 2.2.1 目录结构 ├── README.md ├── build │ ├── build.js │ ├── check-versions.js │ ├── dev-client.js │ ├── dev-server.js │ ├── utils.js │ ├── vue-loader.conf.js │ ├── webpack.base.conf.js │

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：93184
    • 提供者：weixin_38600460

  1. vue安装和使用scss及sass与scss的区别详解

  2. 1. 安装依赖：npm install node-sass sass-loader -D 2. webpack.base.conf.js文件 module: { { //手动添加这一条，相当于是编译识别sass! test: /\.scss$/, loaders: ["style", "css", "sass"]} } 3. 在.vue文件中使用 .box{ width: 100%; :hover{ color: red; } } 下面看下sass与scss的区别 用了很

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：72704
    • 提供者：weixin_38590784

  1. 脚手架vue-cli工程webpack的基本用法详解

  2. webpack的打包依赖于它的一个重要配置文件webpack.config.js，在这个配置文件中就可以指定所有在源代码编译过程中的工作了，就一个配置就可以与冗长的Gruntfile或者Gulpfile说再见了。 一个完整的工程项目中的webpack的配置远远没有这么简单，随着工程的构建要求的增加，webpack.config.js内的配置项目也会随之增加，webpack还有许许多多的选项提供给我们进行灵活配置，它只是一个构建工具，我们只需要了解在Vue项目中它基本能为我们做到的工作、最小化的配

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：79872
    • 提供者：weixin_38551749

  1. Vue2 Vue-cli中使用Typescript的配置详解

  2. 前言 因为最近公司的团队热衷于vue框架，新项目想着练练typescr ipt，于是开始了vue+ts的踩坑之路…本文意在为和我有一样想法的伙伴们省去踩坑的时间，下面话不多说了，来一起看看关于Vue2 Vue-cli中利用Typescr ipt需要的配置是什么吧。 一、初步配置 首先安装官方插件vue-class-component，vue-property-decorator，配置webpack。 webpack配置如下： 修改入口文件 entry: { app: './src/main

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：62464
    • 提供者：weixin_38744526

  1. vue-cli3全面配置详解

  2. 本文介绍了vue-cli3全面配置详解，分享给大家，具体如下： vue-cli3-config 创建项目 配置环境变量 通过在package.json里的scr ipts配置项中添加–mode xxx来选择不同环境 在项目根目录中新建.env, .env.production, .env.analyz等文件 只有以 VUE_APP_ 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中，代码中可以通过process.env.VUE_APP_BASE_API

  3. 所属分类：其它

    • 发布日期：2020-12-08
    • 文件大小：69632
    • 提供者：weixin_38633967

  1. Vue项目webpack打包部署到服务器的实例详解

  2. Vue项目webpack打包部署到服务器 这篇博文主要说的就是我今天遇到的问题，而且在经过我的询问，好多人在打包部署的时候都遇到了一些问题，下面就来说下，如何将Vue项目放置在服务器上，这里以Tomcat为例。 必须要配置的就是/config/index.js 在vue-cli webpack的模板下的/config/index.js，我们可以看到assetsPublicPath这个键，并且这个东西还出现了两次，我第一次打包的时候，只是修改了最下面的assetsPublicPath，将它从’/’

  3. 所属分类：其它

    • 发布日期：2020-12-12
    • 文件大小：97280
    • 提供者：weixin_38502916

  1. this在vue和小程序中的使用详解

  2. 匿名函数下的this 方便本地demo，没有使用webpack 引入两个文件，vue和axios axios返回一个promise对象，我们通过axios进行ajax请求 [removed][removed] [removed][removed] {{ message }} 看下js部分 var messa

  3. 所属分类：其它

    • 发布日期：2020-12-29
    • 文件大小：79872
    • 提供者：weixin_38564003

  1. 基于Vue2的独立构建与运行时构建的差别(详解)

  2. 其实这个问题在你使用vue-cli构建项目的时候是不会出现的，因为你在创建项目的构建过程中已经让你勾选了，然后会写入webpack.config.js中。 这就在这，会让你选择Vue的构建方式。 如果你勾选Runtime + Compiler就会出现如上的配置。 其实这里涉及到一个概念： 独立构建：含义是，拥有完整的模版编译功能和运行时调用功能 运行时构建：含义是，只拥有完整的运行时调用功能 为什么会有这种区分呢？ 第一，因为Vue使用/运行过程分为两个阶段，第一阶段是将模版进行编译(如单

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：97280
    • 提供者：weixin_38726007
« 12 3 4 5 »