@vue-cli3

vue-cli3 cdn方式引入Vue模块

文章目录选择Vue的cdn从那儿引入？是否需要删除importVue语句？打包测试选择Vue的cdn引入的vue文件必须是游览器版本，最少需要包含vue的运行时源码，也就是vue.runtime.min.js这个文件，可以到各大cdn网站上获取。运行时源码和完整版有什么不同？运行时源码少了编译器，而完整版有，因为vue-loader编译后已经编译了template，所以不需要再次编译。这意味着运行
玄晓乌屋·2020-08-15 19:46

vue-cli3实现分环境打包（给不同的环境配置相对应的打包命令）

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群):757345416丨(IT-程序猿-技术交流2群):936929828概述在vue-cli3的项目中，npmrunserve时会把process.env.NODE_ENV
初心-杨瑞超个人博客·2020-08-15 19:45

vue-cli3 webpack打包优化，提升网站性能

最近为了提升网站性能，考虑了一下打包优化。加载包越小，服务器响应越快。webpack这个打包神器，研究得还不够透彻。于是学习一下。打包优化，一般从以下几个方面考虑：一、代码压缩1.去掉.map文件.map文件的作用：项目打包后，代码都是经过压缩加密的，如果运行时报错，输出的错误信息无法准确得知是哪里的代码报错。有了.map就可以像未加密的代码一样，准确的输出是哪一行哪一列有错。操作：module.
红烧金鱼草·2020-08-15 19:41

vue-cli3学习第六节之超级简单的优化打包后的体积以及首页加载

推荐一首歌：「SwallowtailButterfly～あいのうた～」from消滅都市(TVsize)--------花澤香菜写这篇的时候其实我项目还没写完，不过突然想写了，就先写着吧。先给项目打个包，200kb的总体积，相对很多项目已经很小了，但是既然还有更小的方法，为什么不用呢？如何来用？首先，项目中很多框架比如vue，vue-router，polyfill，axios，vuex等都会在打包时
找一个喜欢的·2020-08-15 19:27

vue-cli3中自定义环境变量和模式配置

环境变量1）环境变量文件分类：在vue-cli3中可以
忆城@66·2020-08-15 19:25

vue-config.js配置实战

还不会搭建脚手架,点击前往搭建vue-cli3实际上我们都是可以在vue-config.js中进行配置(刚创建的这个js都是空的),我把官网里面很常见的配置都进行了注释,看
槿畔·2020-08-15 19:53

vue项目优化之通过CDN 优化Element.ui 的打包 --- vue-cli3 优化

其实element.ui的优化是比较简单的！①：在main.prod.js中注释掉element-ui的加载代码②：在public下的index.html文件中，引入CDN加载element-ui的js和css就可以了！
查水表小泰迪·2020-08-15 19:09

vuecli4打包文件

网上大多数教程都是vue-cli3版本的，但是我之前安装的是vue-cli4版本，这块整合起来还是有区别的。最主要的就是vue4之中默认没有vue.config.js，所以需要自己来创建配置。
Ennio_·2020-08-15 19:09

vue-cli3 webpack多生产环境配置。

首先，在实际项目中并不需要配置多环境的打包，因为通过服务器转发是更加安全的且不会出现跨域问题，不管是nginx，apache，还是docker，都是可以通过太后转发的。前端并不需要写死的地址去请求不同的环境，但是如果通一台服务器有多套前端代码需要转发，就需要通过关键字识别，然后nginx转发，具体通过下文。##项目初始化的时候通常只有两个版本development和production。如何再打包
热心市民老张·2020-08-15 19:12

vue-cli3 本地预览打包代码

本地预览打包代码servedist目录需要启动一个HTTP服务器来访问(除非你已经将publicPath配置为了一个相对的值)，所以以file://协议直接打开dist/index.html是不会工作的。在本地预览生产环境构建最简单的方式就是使用一个Node.js静态文件服务器npminstall-gserve#-s参数的意思是将其架设在Single-PageApplication模式下#这个模式
潇蓝诺依·2020-08-15 19:50

nginx中部署多vue项目(亲自踩坑)

注：博主用的是vue-cli3搭建的vue项目，在nginx中用一个端口配置不同的url，分别通过127.0.0.1/comfessionWall和127.0.0.1/office访问修改vue.config.js
WF帆少·2020-08-15 19:31

vue-cli3打包项目不同环境：开发环境、生产环境、测试环境

开发环境：vue-cli-serviceserve//默认：process.env.NODE_ENV=development.evn.developmentENV='development'VUE_APP_BASE_URL='https://development.demo.com'生产环境：vue-cli-servicebuild//默认：process.env.NODE_ENV=product
彭世瑜·2020-08-15 18:04

vue-cli3入门安装配置

1.安装vuecreateprojectnpminstallnpmrunserve2.使用axios作为请求库npminstallaxios3.使用sass预编译处理cssnpminstall-Dsass-loadernode-sass4.使用style-resources-loader处理全局自动导入(变量、mixin、var)npminstall-Dstyle-resources-loader
林间有风·2020-08-15 18:25

webpack+vue-cli2修改部署后的请求路径

webpack的配置,实现不同环境请求不同地址.以下有三种方式,一种是写死地址,打包之后不可修改,另一种是,可根据打包生成的json文件,自由修改地址,第三种是获取当前地址,拼接请求接口.20190226补充vue-cli3
佳佳没有黑·2020-08-15 18:38

vue-cli3 配合 webpak DefinePlugin 构建期间自动检测环境变化，根据NODE_ENV引入配置文件

在使用vue-cli3搭建的项目中,如何在vue.config.js中，使用使用DefinePlugin添加配置文件，构建期间自动检测环境变化，也就是如何根据NODE_ENV引入配置文件？.
无名前端小白·2020-08-15 18:06

vue-cli3 vue.config.js常用配置

vue-cli3在项目中隐藏了config、build等配置文件，优化了项目结构，使开发可以更多的关注项目本身。
不求甚解bc·2020-08-15 18:34

vue-cli3实现分环境打包步骤（给不同的环境配置相对应的打包命令）

在vue-cli3的项目中，npmrunserve时会把process.env.NODE_ENV设置为‘development’；npmrunbuild时会把process.env.NODE_ENV设置为
aGreetSmile·2020-08-15 18:08

vue-cli3实现分环境打包步骤（给不同的环境配置相对应的打包命令）

在vue-cli3的项目中，npmrunserve时会把process.env.NODE_ENV设置为‘development’；npmrunbuild时会把process.env.NODE_ENV设置为
Uncle_long·2020-08-15 18:21

vue CDN加速 vue-cli3 CDN加速配置

1.项目根目录创建vue.config.js文件module.exports={configureWebpack:{externals:{'vue':'Vue','vue-router':'VueRouter','element-ui':'ELEMENT'}}}如果vue.config.js文件存在则添加configureWebpack->externals项2.package.json文件删除v
木瞳2016·2020-08-15 18:08

vue-cli3搭建多页面应用

（一）首先全局安装vue-cli3，已安装忽略npminstall-g@vue/cli（二）创建vue-cli3项目（more_pages是项目名）vuecreatemore_pages（三）创建vue.config.js
Luckyzhoufangbing·2020-08-15 18:29

vue项目PC端如何适配不同分辨率屏幕

楚猴修」的原创文章原文链接：https://blog.csdn.net/weixin_43607164/article/details/100512220我只是记录下防止以后遇到弄丢配置前言项目构建：基于vue-cli3
房东的猫〃·2020-08-15 18:56

vue-cli3 打包优化之 splitchunks

Dllplugin可以把常用库抽离出来，包括vue，vuex之类的库。但是antdesignvue是按需加载，且随时有可能引入新的组件，显然不适合放进dll中。直接和其他文件打进vendor.js有会很大，所以需要将其再单独抽离出来，我决定在config.optimization.splitChunks配置如下：constIS_PROD=process.env.NODE_ENV==='produc
DongFuPanda·2020-08-15 18:41

Vue Cli3 项目打包优化

一、新建项目使用vue-cli3构建一个初始的Vue项目：Cli3官方文档因为使用了cli3，很多目录结构不见了，而相关配置是放在vue.config.js里面的，因此在根目录，新建一个vue.config.jsmodule.exports
大狮兄x·2020-08-15 18:08

vue-cli3实现分环境打包步骤（给不同的环境配置相对应的打包命令）

在vue-cli3的项目中，npmrunserve时会把process.env.NODE_ENV设置为‘development’；npmrunbuild时会把process.env.NODE_ENV设置为
weixin_30672019·2020-08-15 17:07

vue-cli3多环境打包配置

最近下载了vue-cli3,研究了下vue-cli3下多环境的配置。首先，安装vue-cli3。
明月松江·2020-08-15 17:00

vue-cli3 创建多页面应用

项目初始化后将main.jsApp.vue复制一份改变后的目录结构修改main.js的文件引用地址importVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importstorefrom'./store'Vue.config.productionTip=falsenewVue({router,store,render:h
该用户已成仙·2020-08-15 17:52

vue-cli3 多环境打包问题

前言一般在我们项目开发中，一般会有以下3个环境开发环境也叫测试环境(test)RC环境也叫预发布环境(rc)线上环境(production)场景那么有一种情况是我们需要在不同环境下区分不同的api接口例如测试环境(test)api=test.ydhtml.com预发布环境(rc)api=rc.ydhtml.com线上环境(production)api=ydhtml.com指令在一个VueCLI项目
林间有风·2020-08-15 17:10

vue-cli3分环境打包配置

概述在项目开发过程中一般会分为三种运行环境：开发环境、测试生产环境、正式生产环境，不同的环境在配置上的要求会有所不同，最简单的例子就是不同的环境对后端的接口请求地址不同。打包过程中因需区分不同的运行环境而经常要手动去修改配置，这是一项枯燥且没有技术含量的工作，对于这种能用工具解决的工作就不要去人肉操作了，就算避免不了人肉操作，但也尽量让它来得简单点，比如输入不同命令就自动打不同环境的包。接下来主要
lihefei_coder·2020-08-15 17:38

vue-cli / vue-cli3 配置不同环境对应不同打包命令详解

废话不多说，直接跟着我的步骤走；vue-cli1、package.json因为我这边的Jenkins（测试环境）的脚本执行命令为build（运维不给改）所以只好前端将build命令对应的环境修改为测试环境。原来的build修改为build-prod，（最好还是build-test和build-prod这两个命令分的清除）注意：build:nodebuild/test.js这句话中的test要作为e
dengzeyuan·2020-08-15 17:32

vue-cli3多环境多入口，分别打包

一、安装1.VueCLI3需要nodeJs≥8.9，查看node版本升级2.安装vue-cli3，npminstall-g@vue/cli，查看版本vue-V二、使用1.vuecreateprojectname
weixin_34366546·2020-08-15 17:44

解决VUE动态加载图片在跨域时无法显示的问题

常规的请求转发在vue-cli3内，直接编辑vue.config.js，如下：letproxyObj={};proxyObj['/']={ws:false,target:'http://local
还我头发·2020-08-15 12:31

vue-cli3 引入jquery

vue-cli3的所有的配置项都在vue.config.js的文件中进行配置，so步骤搞起来：第一步：安装jquery命令行工具，进入项目文件夹，执行：npminstalljquery--save第二步
一只皮皮璐·2020-08-15 09:21

[VUE-CLI3] 使用iView自定义主题运行项目时报错 Inline JavaScript is not enabled. Is it set in your options?

多方查阅排除了没有less和less-loader的可能这个问题定位应该是webpack关于less-loader的配置默认值是不合适的需要添加新的配置进去但是Vue-CLI3没有将2.x时的webpack.base.conf.js
perryliuPC·2020-08-15 07:04

Vue.js —— 使用ant design vue时无法加载less-loader/less模块

问题来源：antdesignvue的issueshttps://github.com/vueComponent/ant-design-vue/issues/234问题产生原因：如果安装vue-cli3，
咖啡加冰ovo·2020-08-15 06:05

npm使用小记

1、直接安装好node后自带有npm2、使用npm安装webpacknpminstallwebpack(局部安装，在mac中进行全局安装后边打包时会出错)、vue、vue-cli3、下载你需要的包后面发现跑的时候总出错直接在项目文件夹下运行
可乐少点冰·2020-08-15 05:34

Day 84 VUE——脚手架

VUE——脚手架单文件组件介绍vue-cli3开发单文件组件目前使用vue存在的缺点1.全局定义组件的名字不能重复2.字符串模板，es6虽然提供了模板字符串，但需要特殊符号时，整个模板就会显得不整洁3.
亦双弓·2020-08-15 02:00

搭建vue项目（基于vue-cli脚手架）

初始化项目：vueinitwebpackmy-vue（my-vue为项目名称）步骤二回车选择项目中需要安装的一些工具等，需要则y，不需要则n完毕后进入项目：cdmy-vue启动项目：npmrundev二、vue-cli3
陌盍·2020-08-15 00:25

VUE-cli3使用 svg-sprite-loader

2019独角兽企业重金招聘Python工程师标准>>>1、npminstallsvg-sprite-loader--save-dev2、在Vue.config.js加入处理svg的loader并删除默认配置中处理svg3、新建icons文件夹，icons/svg存放svg，icons/index配置自动导入代码importVuefrom'vue'importSvgIconfrom'@/compon
weixin_33859844·2020-08-14 20:23

vue-cli3 svg-sprite-loader不显示icon

按照网上的教程，一步步下来，icon死活不显示，后来改了下；终于能正常显示了。后来发现在保存的时候，vscode格式化工具把:xlink:href前面的：给去掉了。。。???主要是改了下面的代码：//在IconSvg.vue加了v-bind(:)下面是各个文件vue.config.jsconstpath=require("path");functionresolve(dir){returnpath
顽石⚡·2020-08-14 19:38

vue-cli3 使用 svg-sprite-loader 的坑

chainWebpack:config=>{config.module.rules.delete("svg");//重点:删除默认配置中处理svg,//constsvgRule=config.module.rule('svg')//svgRule.uses.clear()config.module.rule('svg-sprite-loader').test(/\.svg$/).include.a
diaopa4156·2020-08-14 17:28

vue-cli3项目搭建配置以及性能优化

vue-cli3项目搭建配置以及性能优化在之前的开发中主要用的是vue-cli2，最近空闲时间比较多，接下来有新项目，本着偷懒的本能，自己打算搭建一个基础包以备后期开发应用，并对其进行性能优化和配置。
weixin_34344403·2020-08-14 12:07

vue-next

本文是查阅资料学习vue3（vue-next）的webpack搭建的开发环境，非vue2版本，也非vue-cli3/4。
cjx913·2020-08-14 08:11

清新UI组件库——开发组件库准备

开发组件库准备清新组件库：http://ifresh-ui.yating.online/源码地址：https://github.com/Chenyating...准备vscode语言框架：vue，vuepress，vue-cli3
Chenyating·2020-08-14 00:07

vue-cli3 项目优化之通过 node 自动生成组件模板 generate View、Component

介绍做前端的大家都知道通过vue开发的项目每次创建新组建的时候，都要新建一个目录，然后新增.vue文件，在这个文件中再写入template、script、style这些内容，虽然在写入的时候大家都有自己的自动补全共计，不过这些都是模板性的，每次都要这样重复操作，很麻烦有没有。本文就是通过node来帮助我们，自动去执行这些重复操作，而我们只需要告诉控制台我们需要创建的组件名字就可以了。本文自动创建的
weixin_34038652·2020-08-13 21:23

vue-cli3构建ts项目

1、构建项目vuecreatexxx上面的第一条，也就是aaa这一个选项在你第一次创建项目的时候是并不会出现的，只有你第一次创建完成项目后回提示你保存为默认配置模板，下次新建项目的时候就可以使用你选用的配置快速新建项目了，不需要再重新选择配置项目了。第二条选项便是vuecli3默认的项目模板，包含babel和eslint。第三条选项便是自主选择你项目所需的配置。这里由于默认模板没有啥展示的必要所以
dicuan0092·2020-08-13 13:49

Vue-cli3项目创建

ps：如果之前安装有cli2需要先卸载cli2才能安装cli3/cli4；准备工作：查看当前版本vue-V或者vue--version1、安装、卸载cli2全局安装：npminstallvue-cli-g全局卸载：npmuninstallvue-cli-gcli3/cli4全局安装：npminstall@vue/cli@版本号-g全局卸载：npmuninstall@vue/cli@版本号-g//@
yangchin9·2020-08-13 11:00

vue-cli3项目配置和自定义webpack打包，使用CDN加载减小打包体积

在使用vue-cli3创建项目后，自动帮你做了很多的配置，包括原本的vue.config.js配置文件也没有帮你生成，而我的一些关于项目的配置和自定义webpack打包都需要写在这个配置文件中。
皆非的万事屋·2020-08-12 22:08

两种方式调用本地json文件（基于Vue-cli3脚手架）

在前端开发过程中，当后台服务器开发数据还没完善，无法与前端进行交接时，我们习惯在本地写上一个json文件作模拟数据测试代码效果是否有问题。vue-cli3.0往后的项目基础架构对比旧版本有些区别。以前大家都习惯在根目录下的static文件夹下创建json文件，然而vuecli3、4没有static文件夹了。若创建一个static文件夹在下面存放json文件，在实际调用过程中会报错，提示请求404。
酷酷的橙007·2020-08-12 18:25

Vant安装(按需引入)

基于Vue-cli3搭建的Vue项目npm安装Vant：npmivant-S；安装babel-plugin-import：npmibabel-plugin-import-Dbabel-plugin-import
花铛·2020-08-12 18:40

vue设置axios请求接口基址和代理接口地址

适用于vue-cli3以上版本搭建的项目一、接口基址（单个接口地址）如果你的项目只有一个服务器访问地址（接口地址），不调用别的接口地址的话可以直接在src下的main.js中设置axios的默认基址//
夜灯常亮起·2020-08-12 18:08
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他