在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ 如何讓 vue-cli 支持 ie9 + 的瀏覽器？

如何讓 vue-cli 支持 ie9 + 的瀏覽器？

我在新版的vue-cli 打包以后webkit內(nèi)涵的瀏覽器都支持es6語(yǔ)法，我看一些文字說現(xiàn)在vue-cli腳手架都集成了es6轉(zhuǎn)es5但是現(xiàn)在的問題是打包完以后報(bào)錯(cuò)語(yǔ)法不支持。
.babelrc 的文件 vue-cli構(gòu)建的時(shí)候沒有，我需要安裝嗎？還是好蛋疼啊，新的目錄結(jié)構(gòu)改了以后
有沒有大佬弄過。

這是我的配置文件

clipboard.png

回答
編輯回答
怣人

1.在根目錄新建一個(gè).babelrc 文件里面寫

{
  "presets": ["es2015", "stage-3"],
  "plugins": ["transform-runtime"],
  "comments": false
}

2.在webpack.base.config.js 修改

  2.1 require("babel-polyfill")   // yarn安裝babel-polyfill 并且導(dǎo)入

  2.2 entry: {
       // app: './src/main.js'  這是原本的引入
        app: ["babel-polyfill","./src/main.js"] 
      },

   2.3 loader: 'babel-loader' 里面要添加  exclude: /node_modules/

       {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')],
        exclude: /node_modules/
      }

3.安裝babel的插件

"babel": "^6.23.0",  // 有用
"babel-core": "^6.26.0",
"babel-plugin-transform-runtime": "^6.12.0",  // 有用
"babel-preset-es2015": "^6.24.1", // 有用
"babel-preset-stage-3": "^6.24.1",
"babel-runtime": "^6.26.0",  // 有用

4.如果使用vuex在 mutations寫法中ie不支持鍵值 [key] 這樣的寫法要改成

var mutations = {}

mutations[types.LOGIN] = (state, data) => {
  localStorage.token = data;
  state.token = data;
}

mutations[types.LOGOUT] = (state) => {
  localStorage.removeItem('token');
  state.token = null
}

export default new Vuex.Store({
    state: {
      token: null
    },
    mutations: mutations
})
2017年10月27日 13:17