webpack을 사용하여 nodejs 앱에 jquery를 포함시키는 방법은 무엇입니까?

Question

이 내가 노드 내 노드 응용 프로그램을 시작 app.js 실행할 때이 그래서 내 app.js

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

내 webpack.config.js

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" 
     }) 
    ] 
}; 

, 그것은 jQuery를 요구하고있다 아래 오류가 발생했습니다.

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

그래서 webpack을 사용하여 nodejs에 jquery를 포함시키는 방법을 알아야합니다. 아무도 도움을 주시기 바랍니다. 미리 감사드립니다!

Answer 1

jQuery를 글로벌 컨텍스트에있을

JQuery와 수있는 JS 라이브러리입니다 동안 웹 응용 프로그램의 서버 측을 만들 수 있습니다 nodejs와

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

Answer 2

(창)

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

ProviderPlugin 웹 페이지의 DOM을 조작하여 HTML 페이지에서 jquery를 사용해야합니다. 대신 서버 쪽에서 올바른 html 페이지를 클라이언트에 보내는 간단한 http 서버를 만들어야합니다.