cli3主题的文章列表，还有cli3的技术要点_第1页

vue-cli3中使用express配置本地数据接口

1.在项目的根目录中增加mock.js文件，该文件作用的是关于express配置本地服务，代码如下1constexpress=require('express')2constapp=express()3constapiData=require('./data.json')4constseller=apiData.sel...

代码星球 ·2021-02-22

vue-cli3构建的项目中vue组件中引入stylus文件时报错解决办法

报错表现解决办法：引入文件时路径前增加~例子：@import '~common/stylus/mixin.styl';vue.config.js配置文件中alias的配置chainWebpack:config=>{config.resolve.alias.set('vue$','...

代码星球 ·2021-02-22

[转]Vue-cli3.x引入本地json报404 解决方案

众所周知，前端开发中“数据模拟”是很重要的，今天探讨一下关于Vue加载本地json报404错误的解决方案！Vue-cli3.x中删除了static、vue.config.js等，个人感觉cli2.x和cli3.x改动还是特别大的，3.x中加载本地json只需要把json数据放在public文件中即可，不需要再次新建st...

代码星球 ·2021-02-16

vue cli3 整合Cesium,处理build 时内存溢出问题

/一直使用cesium，但是都是使用script直接引入的，但是在将其放置在增加路由的子页面中中时会出现一个问题，刷新后提示cesiumisundefined看直接引入cesium.js<!DOCTYPEhtml><htmllang="en"><head><meta...

代码星球 ·2021-02-10

Vue cli3 整合SuperMap巧遇js异步加载的坑

/最近使用到superMap做三维地图，而项目又分为可视化大屏与后台管理系统两部分，所以项目配置了多入口，然引入cesium依赖就成了问题，在vuecli3整合Cesium,处理build时内存溢出问题虽然知道了整合原生的cesium的方法，但是在实际开发中会发现superMap官方扩展的接口是无法使用的，必须引入su...

代码星球 ·2021-02-10

vue/cli3整合Cesium，加载离线arcgis 切片

/最開始使用webpack進行cesium集成,出现了问题一大堆，最后只好选择传统的方法直接引入了，具体操作如下一、安装cesium首选创建一个测试项目vuecreatevue-join-cesium然后直接cd到项目目录，使用npm直接拉取cesium$npminstallcesium--save安装成功后会在nod...

代码星球 ·2021-02-10

axios请求VUE-CLI3项目本地json文件404

注意：cli3和cli2的区别：1.静态资源文件目录由static变为public2.不能把.json文件直接放到public下，必须放到public/js下（自己创建js目录）3.引用方式如下：axios.get("/js/tagList.json").then(data=>{this.tagList=data...

代码星球 ·2021-01-23

2 errors and 0 warnings potentially fixable with the `--fix` option，vue-cli3中eslint详解

当我们创建vue项目的时候，我们往往会选择linter/Formatter，eslint-config-standard,下面我放张vue图形化配置界面但这往往是进坑的开始特别注意一下这里的插件："standard"插件代表的是eslint的standard插件都要安装，用Vueui初始化选择了standard安装的话...

代码星球 ·2020-12-28

vue-cli3前端项目如何部署到线上

1.新建vue.config.js文件夹，输入以下代码：module.exports = { assetsDir: 'static', parallel: false, &nbs...

代码星球 ·2020-12-25

vue-cli3项目怎么更换默认图标和title

1.vue-cli3构建的项目目录中有public,该目录下的favicon.ico就是指图标，index.html文件里面可以链接该图标。2.首先将favicon.ico文件修改为自定义的logo，名称不变。以下代码为inde.html中的内容，红色边框中的代码即可链接自己的logo,蓝色边框的代码用于修改标题4.在...

代码星球 ·2020-12-25

vue-cli3.0中自定css、js和图片的打包路径

前言我们有时候因为一些特殊需求，可能需要将js/css/img等资源文件都打包到根路径下，但vue-cli3.0的路径配置中仅有assetsDir配置项能够配置所有的静态文件所在的文件夹，并不能针对css/js/img等资源文件分别来做设置，那么请看我如何尝试的吧！分析众所周知，vue-cli3.0使用了w...

代码星球 ·2020-12-24

vue-cli3+工具中，配置路径别名(vue.config.js)

vue-cli2.x版本创建项目时，我们可以在build文件夹下找到 webpack.base.conf.js 文件，在里面修改resolve.alias即可。resolve:{extensions:['.js','.vue','.json'],alias:{'vue$':'vue/dist/vue...

代码星球 ·2020-12-24

vue-cli3 DllPlugin 提取公用库

vue开发过程中，保存一次就会编译一次，如果能够减少编译的时间，哪怕是一丁点，也能节省不少时间。开发过程中个人编写的源文件才会频繁变动，而一些库文件我们一般是不会去改动的。如果能把这些库文件提取出来，就能减少打包体积，加快编译速度。本文主要讲述在vue-cli3中利用DllPlugin来进行预编译。1、安装相关插件ya...

代码星球 ·2020-09-12

vue-cli3.0 升级记录

年三十时vue2.6发布，向3.0看齐，说明3.0不远了。作为开发者也应该为vue3.0做点准备。首先是把vue-cli升级到3.x，在这记录下vue-cli2.x升级vue-cli3.x中遇见（将来）遇见的问题。 1、安装vue-cli3.xnpminstall-g@vue/cli#ORyarnglobal...

代码星球 ·2020-09-12

vue-cli3.0 使用postcss-plugin-px2rem（推荐）和 postcss-pxtorem（postcss-px2rem）自动转换px为rem 的配置方法；

如何在vue-cli3.0中使用postcss-plugin-px2rem 插件插件的作用是自动将vue项目中的px转换为rem。为什么这三个中要推荐 postcss-plugin-px2rem呢？　　因为 postcss-plugin-px2rem 这个插件&nbs...

代码星球 ·2020-07-14