的WebPack 2 - 如何輸出到各種其他文件夾中使用/裝載機鏈

Question

首先，Webpack2（2.3.3）配置代碼：

//========== Imports =========================================================// 

const path = require("path"); 
const webpack = require("webpack"); 

//========== Exports =========================================================// 

module.exports = { 

    entry: [ 
    "./src/js/main.js" 
    ], // Entry // 

    output: { 
    path  : path.resolve(__dirname, './dist'), 
    publicPath : "/", 
    filename : "[name].bundle.js" 
    }, // Output // 

    module: { 
    rules: [ { // [.tsx] TypeScript Loader // 
     test : /\.tsx$/, 
     include : [path.resolve(__dirname, "./src/ts") ], 
     use  : [ { 
     loader : "ts-loader" 
     }, { 
     loader : "wc-loader" 
     } ] // Use // 
    }, { // [.html] WebComponent Loader // 
     test : /\.html$/, 
     include : [path.resolve(__dirname, "./src/components") ], 
     use  : [ { 
     loader : "babel-loader", 
     options : {presets: [ ["es2015", {modules: false} ] ] } 
     }, { 
     loader : "wc-loader", 
     } ] // Use // 
    }, { // [.js] Javascript -> Babel Loader // 
     test : /\.js$/, 
     include : [path.resolve(__dirname, "./src/js") ], 
     exclude : [/node_modules/], 
     use  : [ { 
     loader : "babel-loader", 
     options : {presets: [ ["es2015", {modules: false} ] ] } 
     }, { 
     loader : "wc-loader" 
     } ] // Use // 
    }, { // [.png|.jpg|.gif|.svg] File Loader // 
     test : /\.(png|jpg|gif|svg)$/, 
     use : [ { 
     loader : "file-loader" 
     } ] // Use // 
    }, { // [.scss] Sass Loader // 
     test : /\.scss$/, 
     use : [ { 
     loader : "sass-loader" 
     } ] // Use // 
    } ] // Rules // 
    } // Module // 

}; 

有沒有辦法每裝載機鏈中設置輸出文件夾？ （Javascript去一個目錄，圖像去另一個，等等）

就像在「使用」的「選項」中提供它？

Answer 1

我結束了使用ExtractText插件拆分WebPack 2的字體和css。沒有很好地使用「css-loader」（錯誤），所以我只是從「sass-loader」權限傳遞它到「raw加載程序「而不是通過」css-loader「:)