2016-08-09 8 views
3

私はWebpackには本当に新しく、私はAxeをReactプロジェクトで使用しています。私はNPM経由axiosをインストールし、私はそれを使用したいときに、私はそうのようにそれをインポートしています:Axios and Webpack

import axios from 'axios/dist/axios.min.js';

のWebPACKは残りの世話をします。これは「正しい」方法ですか?

私は次のようにこれを行うための標準的な方法があると思い

答えて

10

import axios from 'axios'; 

あなたは<script>タグにaxiosを含める必要がある場合にUMDのビルド(axios.min.js)を参考にすることができ:

<script src="https://npmcdn.com/axios/dist/axios.min.js"></script> 
+0

Worked!ありがとう。 – Gregg

+0

あなたは** ES6 **の方法(私が好む)または** Require.js **の方法でこれを行うことができます: 'const axios = require( 'axios');'。あなたが 'npm install babel-preset-es2016 --save-dev'を持つ' dependencies'を持つ 'package.json'のようなES6でBabelを使っていることを確認してください。私はこれらの人たちにも投げています: 'npm install babel-core babel-loader babel-preset-env -save-dev'(それらは既に依存関係を通して読み込まれています。 – JREAM