ノードアプリでWebpackローダーを使用するには？

Question

WebpackローダーをNode appで使用する方法/ Webpack環境でNode appを実行する方法はありますか？

たとえば、私はスタイルローダーを持つwebpack設定を持っています。私は$ node app.js

Answer 1

のWebPACKローダーのようにそれを実行したい

import style from 'style.css' 

console.log(style.someClass) 

彼らはシンプルその後、SASSなど何かにオフに処理される資産を収集、transpilersや通訳ではありません。私のノードのアプリでは、私は次の操作を行いますテキスト連結子。ウェブパック環境の枠内で

このように、それらをインポートして呼び出すことはできますが（それらはまだ関数+クラスです）、CSSをJSONオブジェクトに変換しないため、それらは必要な方法で再利用することはできませんこれをしないでください）。

あなただけのCSSパーサのJSの実装を必要とするように見えます - https://github.com/reworkcss/css

Answer 2

を見ているあなたは、あなたが最終的に単にnode output.js、これを呼び出すことによって実行することができますnode環境をターゲットにコンパイルを作成することができるはずですエントリポイントモジュールを直ちに実行します。

新しいバージョンのNode.jsを使用している場合、WebpackはES2015モジュールの構文をサポートしていないので、Node.jsのBabelもtransform the modulesに設定する必要があります。

Answer 3

私は、Webpack NodeJS APIに基づいて動作するかもしれない考えがあります。我々は、我々はモジュールに（構成されたモジュールローダー付き）WebPACKの環境を使用できるようにするコードを置く場合：

appModule.js：

import style from 'style.css' 

console.log(style.someClass) 

そして以下でrequireそれを：

app.js：物理FSに出力のためのルックスを必要とするため

import Webpack from 'webpack' 
import MemoryFS from 'memory-fs' 

... 

webpackConfig.entry = 'appModule.js' 
webpackConfig.output = 'appModule-out.js' 

let compiler = Webpack(webpackConfig) 
let mfs = new MemoryFS() 

compiler.outputFileSystem = mfs 
compiler.run(function (err, stats) { 
    require(webpackConfig.output) 
}) 

おそらくそれは動作しません...我々缶メモリFSから？私はまだそれを試していない - 任意のアイデア？