欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue-cli ie

呂致盈2年前8瀏覽0評論

Vue-cli是一個npm packet,提供了快速創建基于Vue.js的項目的工具。它使用命令行來創建項目,試圖為開發者簡化Vue.js開發的流程。

然而,在Vue-cli生成的模板中,IE瀏覽器對ES6的支持并不完善。由于一些ES6語法不能被IE瀏覽器識別,生成的Vue.js模板在IE瀏覽器上無法正常運行,導致了不少開發者的困擾。

如果你需要支持IE瀏覽器的話,那么你需要對webpack進行相應的設置。具體地說,就是需要添加Bable和Polyfill的支持:

module.exports = {
// ...
entry: ["babel-polyfill", "./src/main.js"]
// ...
}

如上所示,在webpack的配置文件中,我們需要把babel-polyfill添加到entry中。babel-polyfill是一個包含了所有ES6的Bable規則以及許多ES7特性的npm packet。通過添加babel-polyfill,我們就可以在IE瀏覽器上支持ES6的語法了。

同時,我們還需要在.babelrc文件中添加如下代碼:

"presets": [
"env"
],
"plugins": [
"transform-runtime"
]

這樣我們就啟用了Bable的env預設,并且添加了transform-runtime插件以支持ES6的語法。

如果我們在代碼中想要使用部分ES6的語法,那么我們需要為所有支持的語法添加Bable規則。比如,我們希望使用箭頭函數:

const myFunc = () =>{
alert('Hello World!');
}
myFunc();

在.babelrc文件中,我們需要添加如下規則:

"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["last 2 versions", "safari >= 7"]
}
}]
],
"plugins": ["transform-runtime", "syntax-dynamic-import"]

需要注意的是,我們需要在"env”預設中指定module為“false”,并且設置target瀏覽器列表。這樣,webpack在編譯時就會自動為我們把ES6的語法轉化為ES5。

總體來說,IE瀏覽器對ES6的支持較為困難。但是,通過一些定義合理的設置,我們仍然可以在IE瀏覽器中完美運行Vue.js項目。