admin管理员组

文章数量:1130349

babel-polyfill

babel-polyfill 是针对全局环境的，引入它浏览器就好像具备了规范里定义的完整的特性，一旦引入，就会跑一个 babel-polyfill 实例。用法如下：

1.安装 babel-polyfill

npm install babel-polyfill --save

2.在入口文件中引用：

import 'babel-polyfill'

针对ES6的兼容性问题，很多团队为此开发出了多种语法解析转换工具，把我们写的ES6语法转换成ES5，相当于在ES6和浏览器之间做了一个翻译官。比较通用的工具方案有babel，jsx，traceur，es6-shim等。

 

 

法一：webpack.base.conf.js中配置

entry: {

app: ["babel-polyfill","./src/main.js"],

}

 

entry: {

app: "./src/main.js",

"babel-polyfill":"babel-polyfill"

}

 

 

法二：在main.js中引入

import 'babel-polyfill'

 

但上述方法都未生效！

本人亲测下列两种方法可行：

法一：webpack.base.conf.js中配置

entry: {
    // "babel-polyfill"用来解决的兼容性
    app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js']
}

法二：

直接引入：

<script src="https://cdn.bootcss/babel-polyfill/6.23.0/polyfill.min.js"></script>

babel-polyfill

babel-polyfill 是针对全局环境的，引入它浏览器就好像具备了规范里定义的完整的特性，一旦引入，就会跑一个 babel-polyfill 实例。用法如下：

1.安装 babel-polyfill

npm install babel-polyfill --save

2.在入口文件中引用：

import 'babel-polyfill'

针对ES6的兼容性问题，很多团队为此开发出了多种语法解析转换工具，把我们写的ES6语法转换成ES5，相当于在ES6和浏览器之间做了一个翻译官。比较通用的工具方案有babel，jsx，traceur，es6-shim等。

 

 

法一：webpack.base.conf.js中配置

entry: {

app: ["babel-polyfill","./src/main.js"],

}

 

entry: {

app: "./src/main.js",

"babel-polyfill":"babel-polyfill"

}

 

 

法二：在main.js中引入

import 'babel-polyfill'

 

但上述方法都未生效！

本人亲测下列两种方法可行：

法一：webpack.base.conf.js中配置

entry: {
    // "babel-polyfill"用来解决的兼容性
    app: ['./node_modules/babel-polyfill/dist/polyfill.js','./src/main.js']
}

法二：

直接引入：

<script src="https://cdn.bootcss/babel-polyfill/6.23.0/polyfill.min.js"></script>

本文标签： 模式下Vue

版权声明：本文标题：vue在IE和360兼容模式下无法显示问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1755025082a2754800.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。