2017-09-26 20 views
2

これは私のwebpack.config.jswebpackを使用してnodejsアプリケーションにjqueryを含めるにはどうすればいいですか?

var webpack = require("webpack"); 

module.exports = { 
    entry: './app.js', 
    output: { 
     filename: './bundle.js' 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: 'babel-loader', 
       query: { 
        presets: ['es2015'] 
       } 
      } 
     ], 
    }, 
    plugins: [ 
     new webpack.ProvidePlugin({ 
      $: "jquery", 
      jQuery: "jquery" 
     }) 
    ] 
}; 

これは私のapp.js

var $ = require('jquery'); 
global.jQuery = $; 
global.$ = $; 
require('jquery'); 
console.log('Hello from Webpack'); 
$('#serviceContainer').hide(); 

私は私のノードのアプリを起動するノードapp.jsを実行するときに、それはjqueryのを必要とし、それさです以下のエラーを投げています。

throw new Error("jQuery requires a window with a document"); 

したがって、webpackを使用してnodejsにjqueryを含める方法を知る必要があります。もし誰かが助けてください知っている。事前にありがとう! nodejsで

+1

なぜnodejsアプリケーションでjqueryが必要ですか? Nodejsはバックエンドで実行され、jqueryはフロントエンドで実行されます。このエラーは、ウィンドウ、つまりブラウザのウィンドウを検出できないために発生しています –

答えて

0

jQueryのグローバルコンテキスト(ウィンドウ)になるように

var $ = require('jquery'); 
window.jQuery = $; 
window.$ = $; 

ProviderPlugin

new webpack.ProvidePlugin({ 
     '$': 'jquery', 
     'jQuery': 'jquery', 
    }) 
0

jQueryのことができますJSライブラリにあるときは、Webアプリケーションのサーバー側を作成することができますjQueryをHTMLページで使用する必要があるように、クライアント側のWebページのDOMを操作する必要があります。サーバー側ではなく、正しいhtmlページをクライアントに送信する単純なhttpサーバーを作成する必要があります。

+0

だから、私はnodejsで正しく行うことができませんか? –

+0

修正。 jqueryで何をしたいですか?たぶんあなたのために別のライブラリがあります –

関連する問題