的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“:)