iview-admin webpack打包总结的几个问题

webpack小白，总结几条遇到的打包问题
1.开发代理服务器与上线接口调用的差别
开发时用devServer做代理

打包时要区分开生产环境跟开发环境即：

开发配置文件
webpack.dev.config.js

生产配置文件
webpack.prod.config.js

这样配置后接口调用方式变为

而不是常见的/apis/dust-server/login这种形式，
这样写的目的是为了部署后能请求的接口中不会带有/apis导致请求地址不正确
部署后的接口地址

2.node_modules中es6无法识别
参考https://segmentfault.com/q/10...
webpack.base.config.js

3.图片加载
这个应该是vue的问题，虽然不知道原理是啥，但是图片只要放在这个文件夹内（iview-admin删掉了这个，要自己建一个），一般都是可以加载出来的

iview-admin webpack打包总结的几个问题相关推荐

Vue+Vue Router+Webpack打包网站基础页面
Vue+Vue Router+Webpack打包网站基础页面 1.目录结构 2.package.json所需依赖包 {"name": "vue_router_webpac ...
webpack打包后的文件夹是空的_深入理解 Webpack 打包分块（下）
前言随着前端代码需要处理的业务越来越繁重,我们不得不面临的一个问题是前端的代码体积也变得越来越庞大.这造成无论是在调式还是在上线时都需要花长时间等待编译完成,并且用户也不得不花额外的时间和带宽下载更 ...
iView 的后台管理系统模板 iView Admin
iView Admin 详细介绍 iView admin 是基于 Vue.js,搭配使用 iView UI 组件库形成的一套后台集成解决方案简介 iView admin 是基于 Vue.js,搭配使 ...
前端入门（二）npm包管理+模块化+bable转码器+webpack打包+vue-element-admin
一.npm包管理工具 NPM全称Node Package Manager,是Node.js包管理工具,相当于前端的Maven .不需要单独安装,和nodejs一起在命令提示符输入 npm -v 可查 ...
使用webpack打包后，vscode中vue代码变白色的解决办法
使用webpack打包后,vscode中vue代码变白色的解决办法卸载vetur,重装vetur
webpack打包HTML配置自动,十三、HtmlWebpackPlugin的使用 ------- 2019-04-25
一.作用:htmlWebpackPlugin插件会在webpack打包结束后,自动帮我们生成一个HTML文件,并把打包生成的js自动引入到这个HTML文件中: 二.安装 :npm install ht ...
webpack打包缓存_【第835期】Webpack 的静态资源持久缓存
原标题:[第835期]Webpack 的静态资源持久缓存前言你现在还在休假吗?早读课节前以web pack漫谈结尾,今年就以web pack开始吧.今日早读文章由众成翻译@yanni4night带 ...
webpack打包优化_前端性能优化：webpack性能调优与Gzip原理
链接:https://juejin.im/book/5b936540f265da0a9624b04b 从输入 URL 到显示页面这个过程中,涉及到网络层面的,有三个主要过程: DNS 解析 TCP 连 ...
自定义配置webpack打包文件
基础使用安装 npm install webpack -g 模块化程序(配置过程忽略此步骤) cale.js function add(a,b){return a + b; } module.exp ...
使用webpack打包的后，公共请求路径的配置问题
在我们公司,和后台接接口时,公共的请求路径我们是单独抽出来的,放在一个独立的public.js中,在public.js中存入那个公共变量公共变量是这样在其他地方使用ajax时,我们就这样使用这种 ...

iview-admin webpack打包总结的几个问题

iview-admin webpack打包总结的几个问题相关推荐

最新文章

热门文章