360浏览器5兼容模式吗_Vue-cli项目,打包生产模式,部分用户360浏览器极速模式下奔溃...
一直使用macOS系统下chrome浏览器下开发,仅仅使用到ant design pro vue 组件库,默认的脚手架配置。
客户使用win7下360安全浏览器访问,自动变成”兼容“模式访问,页面很多地方变形的。
手动切换极速模式就页面奔溃无法打开。
vue配置文件如下!
babel.config.js
const IS_PROD = ['production', 'prod'].includes(process.env.NODE_ENV)const plugins = []if (IS_PROD) { plugins.push('transform-remove-console')}// lazy load ant-design-vue// if your use import on Demand, Use this codeplugins.push(['import', { 'libraryName': 'ant-design-vue', 'libraryDirectory': 'es', 'style': true // `style: true` 会加载 less 文件}])module.exports = { presets: [ '@vue/cli-plugin-babel/preset', [ '@babel/preset-env', { 'useBuiltIns': 'entry', 'corejs': 3 } ] ], plugins}
vue.config.js
const path = require('path')const webpack = require('webpack')const createThemeColorReplacerPlugin = require('./config/plugin.config')function resolve (dir) { return path.join(__dirname, dir)}const isProd = process.env.NODE_ENV === 'production'const assetsCDN = { // webpack build externals externals: { // vue: 'Vue', // 'vue-router': 'VueRouter', // vuex: 'Vuex', // axios: 'axios' }, css: [], // https://unpkg.com/browse/vue@2.6.10/ js: [ // '//cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js', // '//cdn.jsdelivr.net/npm/vue-router@3.1.3/dist/vue-router.min.js', // '//cdn.jsdelivr.net/npm/vuex@3.1.1/dist/vuex.min.js', // '//cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js' ]}// vue.config.jsconst vueConfig = { configureWebpack: { // webpack plugins plugins: [ // Ignore all locale files of moment.js new webpack.IgnorePlugin(/^./locale$/, /moment$/) ], // if prod, add externals externals: isProd ? assetsCDN.externals : {} }, chainWebpack: (config) => { config.resolve.alias .set('@$', resolve('src')) const svgRule = config.module.rule('svg') svgRule.uses.clear() svgRule .oneOf('inline') .resourceQuery(/inline/) .use('vue-svg-icon-loader') .loader('vue-svg-icon-loader') .end() .end() .oneOf('external') .use('file-loader') .loader('file-loader') .options({ name: 'assets/[name].[hash:8].[ext]' }) // if prod is on // assets require on cdn if (isProd) { config.plugin('html').tap(args => { args[0].cdn = assetsCDN return args }) } }, css: { loaderOptions: { less: { modifyVars: { // less vars,customize ant design theme 'primary-color': '#F5222D', 'link-color': '#F5222D' // 'border-radius-base': '4px' }, // DO NOT REMOVE THIS LINE javascriptEnabled: true } } }, devServer: { // development server port 8000 port: 8000 // If you want to turn on the proxy, please remove the mockjs /src/main.jsL11 // proxy: { // '/api': { // target: 'https://mock.ihx.me/mock/5baf3052f7da7e07e04a5116/antd-pro', // ws: false, // changeOrigin: true // } // } }, // disable source map in production productionSourceMap: false, lintOnSave: undefined, // babel-loader no-ignore node_modules/* transpileDependencies: []}// preview.pro.loacg.com only do not use in your production;if (process.env.VUE_APP_PREVIEW === 'true') { console.log('VUE_APP_PREVIEW', true) // add `ThemeColorReplacer` plugin to webpack plugins vueConfig.configureWebpack.plugins.push(createThemeColorReplacerPlugin())}module.exports = vueConfig
网传Babel不行 ,需要PolyFill,开发依赖如下!
360极速模式切换也是坑?看网友文章
官方文档真是无卵用
这是啥情况!虽然我不用国内浏览器,但是用户普遍都一样,我的电脑win7下正常,用户win7 win10也能出现各种问题。而webpack打包项目都是依靠依赖,很多事情我们自己能决定的情况就少了。
如果是用户多的系统,最好还是不要使用现在五花八门的新技术,只适合少部分人使用的后台开发。
360浏览器5兼容模式吗_Vue-cli项目,打包生产模式,部分用户360浏览器极速模式下奔溃...相关推荐
- vue使用npm不会自己加到plugins_Vue-cli项目,打包生产模式,部分用户360浏览器极速模式下奔溃...
一直使用macOS系统下chrome浏览器下开发,仅仅使用到ant design pro vue 组件库,默认的脚手架配置. 客户使用win7下360安全浏览器访问,自动变成"兼容" ...
- console vue 打包之后怎么去掉_Vue Cli 3 打包配置--自动忽略 console.log 语句
下载插件 npm i -D uglifyjs-webpack-plugin 在 vue.config.js 引入使用 const UglifyJsPlugin = require('uglifyjs- ...
- cdn加载vue很慢_Vue.js 项目打包优化实践
首先上结果: 把常用的 Vue,router,vuex,axios 的 runtime 包拆分了出来,改为 cdn: 另外就是对于自己编写的业务代码进行分包,根据路由进行懒加载,可以较好的提高首屏加载 ...
- vue-router模式为history的项目打包发布后不能通过地址栏里的地址进行路由跳转
项目打包发布后不能通过地址栏里的地址进行路由跳转,地址栏里回车访问就直接404 本项目使用nginx发布,所以这里只有nginx的配置方式. 修改nginx的配置文件 server {listen 8 ...
- php 360 极速模式,如何让360浏览器默认使用极速模式
现在国内的浏览器市场,360浏览器的份额已经不容小觑,许多人在使用的浏览器的时候,并不知道怎么去设置360浏览器.那么,为了保证网站有更好的体验效果,我们就需要强制的给使用360浏览器的用户设置成极速 ...
- 如何让浏览器用极速模式打开网站而不是兼容模式
作为网站开发者和站长,希望网站的访问用户都以极速模式打开网站,也是可以实现的,我们可以使用双核浏览器提供的meta标签去实现. 1.我们只需要在 标签后面添加一段代码即可,如下所示: <meta ...
- echarts在360中以及IE8浏览器不兼容:解决方案
echarts在360中以及IE8浏览器不兼容:解决方案 参考文章: (1)echarts在360中以及IE8浏览器不兼容:解决方案 (2)https://www.cnblogs.com/Unrmk- ...
- flex与相对定位在国内双核浏览器极速模式下的兼容性问题
在国内的浏览器中,360浏览器,QQ浏览器等绝大部分都是双核浏览器.双核浏览器即拥有IE兼容内核和非IE极速内核两个内核,分别对应兼容模式和极速模式.兼容模式时使用IE内核,极速模式采用webkit内 ...
- 黄聪:如何用代码设置控制自己网站的网页在360浏览器打开时强制优先使用极速模式,而非兼容模式...
最近用360浏览器访问自己的网站,发现都是被优先选用兼容模式打开,这使得网站很难看.为了让360浏览器打开网站的时候优先试用极速模式,找了一下官方论坛,发现了解决方案. 在head标签中添加一行代码: ...
最新文章
- mysql与access数据库_mysql数据库和access数据库有什么不同吗?
- mysql不能写重复键_错误1022-无法写入;表中的重复键
- Javascript设计模式之中介者模式
- 圆方圆学院零基础入门学习Python(绝对干货,值得学习)
- 2021“MINIEYE杯”中国大学生算法设计超级联赛(2)I love counting(Trie树)
- html清楚css的影响,08、清除浮动的影响.html
- 自写的简单屏蔽特定字符的TextBox和数字TextBox
- Linux打印全部的内容,linux提取指定列字符并打印所有内容(awk)
- 离散数学大作业代码及感想
- 深度学习环境安装所需软件介绍cuda+cudnn+driver+anaconda+keras+tensorFlow+Pycharm+Jupyer(下载地址+配图)
- Inno Setup打包教程
- html桌面共享文件夹,win7共享文件夹在哪? win7和win10怎么共享文件夹
- 编程语言:Java与C语言C++的区别是什么?知道该学什么了吧!
- Spring解决跨域问题方案
- Python数据分析—Pandas数据规整
- Lambda表达式超详细总结
- matlab中伽马函数的使用
- OSChina 周三乱弹 —— 我就是太阳拳的传承者,光之魔法师
- Cisco3560端口镜像设置
- DCG集团公布仓位,ETC成为投资重点
热门文章
- 微信小程序scroll-view的使用
- OpenCV学习笔记(12)——OpenCV中的轮廓
- Portainer 安装与配置
- Spring中配置DataSource数据源的几种选择
- Python 类对象及属性内置方法 classmethod、delattr、dir、hasattr、getattr、callable
- MySQL 学习笔记(4)— 组合查询、子查询、插入数据、更新/删除表数据、增加/删除表中的列以及重命名表
- js 判断js,css是否引入,确保不重复引入
- linux跨主机复制文件
- Apache ‘mod_pagespeed’模块跨站脚本漏洞
- 转 java c++互传arraylist