vue完整项目使用适用于webpack构建工作创建的项目

1. webpack构建工具加载babel–polyfill垫片

npm install --save-dev babel-polyfill

引用方式

1.require("babel-polyfill");

2.import "babel-polyfill";

3.module.exports = {

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

};

2. vue单页面处理兼容性

// 引入babel-polyfill文件 ,     处理所有es6语法,使用es5语法
<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>

注: 主要主要是单页面引入vue使用兼容性,需要使用es5语法,添加babel.

es6转换地址: https://babeljs.io/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=Q&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-2%2Ces2015-loose&prettier=false&targets=&version=6.26.0&envVersion=