0
npmモジュールを使用してsimpleWeather jQuery Pluginをブラウザで実行したいとします。私はバンドラを使う必要があると聞いて、Webpackをインストールしました。npmモジュールをwebpackするには？
これは、フォルダ構造です：
- 天気
- JS
- index.js
- node_modules
- jqueryの
- simpleweather
- index.htmlを
- package.json
- webpack.config.js
- JS
のindex.html：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>simpleWeather.minimum.js</title>
<style>
</style>
</head>
<body>
<div id="weather"></div>
<script src="js/bundle.js"></script>
</body>
</html>
インデックス.js：
$(document).ready(function() {
$.simpleWeather({
location: 'Austin, TX',
woeid: '',
unit: 'f',
success: function(weather) {
html = '<p>'+weather.temp+'°'+weather.units.temp+'</p>';
$("#weather").html(html);
},
error: function(error) {
$("#weather").html('<p>'+error+'</p>');
}
});
});
webpack.config.js：
module.exports = {
entry: "./js/index.js",
output: {
filename: "js/bundle.js"
}
}
これは私が推測する、ブラウザでは動作しません、私はいくつかの異なる方法でのWebPACKを設定する必要があります。
何をする必要がありますか？あなたはindex.jsで[simpleweather、jqueryの]あなたのノードパッケージの依存関係をインポートする必要があるとのWebPACK
今すぐWebPACKの中にjQueryをロードbundle.jsを生成するために構築するん
推奨読書http://blog.andrewray.me/webpack-when-to-use-and-why/ –