ES 6の新しいAPIはBabel-polyfillを使って解決します.
2095 ワード
Babelはデフォルトでは、新しいJavaScript構文を変換するだけでなく、Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise、Aynceなどのグローバルオブジェクトを変換することなく、グローバルオブジェクト上で定義された方法(Object.assign)がトランスコードされません.
例えば、ES 6は、Arayオブジェクトに対して、Aray.from方法を追加する.Babelはトランスコードができません.この方法を実行するには、Babel-polyfillを使用して、現在の環境にスペーサーを提供しなければなりません.
具体的な配置方法reactとvueフレームの配置(webpackを使用する場合、2、3つの配置で1つでいいです.3つの配置を推奨します.)1.インストールします.
IEピット1.IEは空白ページとして開いています.まずはBabel-polyfillを導入します.2.IEはbabel-polyfillを導入してもProxyオブジェクトを使用できません.IEでは、3.vueで必要に応じてiviewコンポーネントをIEに導入しない方がいいです.evalエラーを報告します.babel-plug-inmportをインストールします.
npm i babel-plugin-mport-D
(2)配置.babelrcファイルは、pluginsに最後の項目を追加します.
例えば、ES 6は、Arayオブジェクトに対して、Aray.from方法を追加する.Babelはトランスコードができません.この方法を実行するには、Babel-polyfillを使用して、現在の環境にスペーサーを提供しなければなりません.
具体的な配置方法reactとvueフレームの配置(webpackを使用する場合、2、3つの配置で1つでいいです.3つの配置を推奨します.)1.インストールします.
npm install --save babel-polyfill
2.reactまたはvueのプロジェクトのエントリファイルの先頭にBabel-ployfillを導入するimport 'babel-polyfill';
3.webpackのプロファイルの入り口に、babel-polyfillを入れます.{entry: ['babel-polyfill', paths.appIndexJs]}
配置が完了したら、これらの新しいAPIを使って楽しい開発ができます.IEピット1.IEは空白ページとして開いています.まずはBabel-polyfillを導入します.2.IEはbabel-polyfillを導入してもProxyオブジェクトを使用できません.IEでは、3.vueで必要に応じてiviewコンポーネントをIEに導入しない方がいいです.evalエラーを報告します.babel-plug-inmportをインストールします.
npm i babel-plugin-mport-D
(2)配置.babelrcファイルは、pluginsに最後の項目を追加します.
"plugins": [
"transform-vue-jsx",
"transform-runtime",
["import", {
"libraryName": "iview",
"libraryDirectory": "src/components"
}]
]
(3)必要に応じてvueコンポーネントとして登録するimport { Row, Col } from 'iview';
Vue.component('Row', Row);
Vue.component('Col', Col);
(4)逸れました.バグを解決して、コンポーネントを導入するloaderをコンパイルするように配置します.// webpack.base.conf.js module rules
{
test: /iview.src.*?js$/,
loader: 'babel-loader'
},