webpack Babel 浏览器兼容性

还是先看版本对应号版本不对应否则会报错*

为了解决浏览器兼容性的问题使用webpack的babel插件进行低版本的浏览器识别到时髦的js语法

1.安装命令（注意对应的版本号）

npm install -D babel-loader @babel/core@7.5.4 @babel/preset-env@7.5.4

2.配置webpack.config.js文件

 {test: /\.m?js$/,exclude: /(node_modules)/,//排除的目录use: {loader: 'babel-loader',options: {presets: ['@babel/preset-env']//babel中内容的转换规则工具}}}

在你的打包主文件写一段js的语法测试：

进行打包 npm run build 命令都是自己配置的不会的看之前的课程都是连续剧

npm  run  build

运行命令npm run dev 进行热加载

npm  run dev

ie的低版本都可以正常使用es6语法了

webpack Babel 浏览器兼容性相关推荐

使用 ES6 的浏览器兼容性问题
以前对浏览器兼容性问题只是大概知道一些点,没想到这次真正着手去做的时候,还是碰到了很多问题.刚开始的时候一边解决问题,一边想着:用 IE8 的都是神经病,到后来,我发现完了,I LOVE IE. 0x ...
关于vue-cli3的浏览器兼容性
这里先给出几个链接: 1.Vue-cli浏览器兼容性:https://cli.vuejs.org/guide/browser-compatibility.html#usebuiltins-usage ...
vue es6转es5 保证浏览器兼容性
vue cli es6转es5 保证浏览器兼容性安装在根目录下创建.babelrc文件 IE报vuex requires a Promise polyfill in this browser问题解 ...
html 引入js 兼容,JS跨浏览器兼容性解决思路及方案汇总，常见JS兼容性知识点汇总...
上篇文章我们介绍了,处理CSS浏览器兼容性的4个解决方案:浏览器CSS样式初始化.浏览器私有属性,CSS hack语法和自动化插件,有兴趣的可以看看,链接放到本文结尾本文主要介绍JS的跨浏览器兼容性 ...
三大浏览器兼容性问题总结
浏览器兼容浏览器兼容性问题分为三大类: ①HTML兼容 ②CSS兼容 ③JavaScript兼容浏览器兼容性问题也分为手动解决,和简单配置解决. HTML兼容 html兼容问题涉及到的主要是不同的 ...
Vue CLI 浏览器兼容性
浏览器兼容性关于浏览器的兼容我们可以从下面一些内容来了解与认识: Vue CLI 3初始化的项目,你会发现有 package.json 文件里的 browserslist 字段 (或一个单独的 .b ...
css 定位兼容性,CSS基础：定位与浏览器兼容性
position属性介绍: CSS position属性用于指定一个元素在文档中的定位方式.top,right,bottom 和 left 属性则决定了该元素的最终位置. position 属性值 ...
es5直接引入html文件,ES6+转ES5（webpack+babel、指定多个js文件、自动注入）
接续上篇ES6+转ES5,本篇将使用webpack和babel将多个不同目录下指定的多个ES6+语法的js文件编译为ES5,并将编译后的文件配置注入对应的html文件. 一.新建项目,目录如下二.执 ...
CSS浏览器兼容性问题
CSS浏览器兼容性问题 1.浏览器CSS样式初始化最简单的初始化方法就是:使用通配符(*),重置所有的初始样式. *{margin: 0;padding: 0; } /* 10px=1rem */ ...

webpack Babel 浏览器兼容性

为了解决浏览器兼容性的问题使用webpack的babel插件进行低版本的浏览器识别到时髦的js语法

webpack Babel 浏览器兼容性相关推荐

最新文章

热门文章