jsを前処理するためにwebpackにコマンドを追加します

Question

私はpreprocess bundle.js . -FULL=true > bundle.full.js（https://www.npmjs.com/package/preprocessor）を持っていて、JavaScriptの前処理を実行しています。私webpack.config.jsは、どのように私はそれを自動的に実行するために設定に私の前処理コマンドを追加することができ、以下

var webpack = require('webpack'); 
var PROD = JSON.parse(process.env.PROD_ENV || '0'); 

module.exports = { 
    entry: "./bootstrap.js", 
    devtool: 'source-map', 
    output: { 
     path: __dirname, 
     filename: PROD ? 'bundle.min.js' : 'bundle.js' 
    }, 
    plugins: PROD ? [ 
     new webpack.optimize.UglifyJsPlugin({ 
      compress: { warnings: false } 
     }) 
    ] : [], 
    module: { 
     loaders: [ 
      { test: /\.css$/, loader: "style!css" } 
     ] 
    } 
}; 

のですか？

Answer 1

あなたはpreprocess-loader npm install preprocess-loader --save-dev

をインストールし、変更することができ、あなたのwebpack.config.jsに： module: { loaders: [{ test: /\.css$/, loader: "style!css!preprocess?+FULL" }] }

詳細情報については、チェックアウト：

• 前処理・ローダーpreprocess-
• npmにローダーのローダーgithub