vue es 6転es 5ブラウザ互換性の保証


vue cli es 6転es 5ブラウザ互換性の保証
  • 取付
  • はルートディレクトリの下に作成する.babelrcファイル
  • IE vuex requires a Promise polyfill in this browser問題解決



  • 開発の過程で、async awaitを使用する必要があるため、少数のブラウザだけがサポートしており、多くのブラウザはこれをサポートしていないため、最後に2つの案をまとめた.
    インストール
    npm install --save-dev babel-preset-es2015
    npm install --save-dev babel-preset-stage-3
    

    ルートディレクトリの下に作成します.babelrcファイル
    {
         
        //     ,     
        "presets": [
            // env      babel-preset-env,         babel es6,es7,es8    ,    amd,commonjs        ,     
            ["env", {
          "modules": false }],
            //             es  ,         
            "stage-2"
        ],
        //                    ,transform-runtime           babel  
        "plugins": ["transform-runtime"],
        //             ,     
        "comments": false,
        //                     ,         test         
        "env": {
         
            // test           ,      BABEL_ENV   NODE_ENV,           development
            "test": {
         
            "presets": ["env", "stage-2"],
            // instanbul               
            "plugins": ["istanbul"]
            }
        }
    }
    

    そしてnpm runを再起動すればいいです
    IEレポートvuex requires a Promise polyfill in this browser問題解決
    最初のステップ、インストール
    npm install --save babel-polyfill
    

    ステップ2:webpack.config.jsファイルで、変更
    module.exports = {
         
    	entry: {
         
    		app: ["babel-polyfill", "./src/main.js"]
    	}
    };
    

    置換
    module.exports = {
         
    	entry: {
         
    		app: './src/main.js'
    	}
    }