如何使用具有入口作為對象的materialize-loader？

Question

在使materialize-loader自定義配置起作用的文檔中，它提到：

module.exports = {
  entry: [
    "materialize-loader!./path/to/materialize.config.js",
    "your-existing-entry-point"
  ]
};

但是當您的輸入是對象時，如何導入它呢？ 我已經嘗試過"materialize-loader": "materialize-loader!./src/materialize.config.js",但它不起作用。 我的materialize.config.scss文件中的自定義配置未應用。

我的webpack如下：

var webpack = require("webpack");
var path = require("path");
var CopyWebpackPlugin = require('copy-webpack-plugin');

// Webpack Config
var webpackConfig = {
    entry: {
        "polyfills": "./src/polyfills.browser.ts",
        "vendor": "./src/vendor.browser.ts",
        "main": "./src/main.browser.ts"
    },

    output: {
        path: "./dist"
    },

    plugins: [
        new webpack.optimize.OccurenceOrderPlugin(true),
        new webpack.optimize.CommonsChunkPlugin({
            name: ["main", "vendor", "polyfills"],
            minChunks: Infinity
        }),
        new webpack.ProvidePlugin({
            jQuery: "jquery",
            $: "jquery",
            jquery: "jquery"
        }),
        new CopyWebpackPlugin([{
            from: 'src/app/images',
            to: 'images'
        }])
    ],

    module: {
        loaders: [
            // Load typescript
            {
                test: /\.ts$/, 
                loaders: ["awesome-typescript-loader", "angular2-template-loader"]
            },
            // Load css
            {
                test: /\.css$/, 
                loaders: ["to-string-loader", "css-loader"]
            },
            // Load html
            {
                test: /\.html$/, 
                loader: "raw-loader"
            },
            // Load scss
            {
                test: /\.scss$/, 
                loaders: ["raw-loader", "sass-loader"]
            },
            // Load woff fonts
            {
                test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/,
                loader: "url?limit=10000&mimetype=application/font-woff"
            },
            // Load other fonts
            {
                test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
                loader: "file"
            }
        ]
    }

};


// Our Webpack Defaults
var defaultConfig = {
    devtool: "cheap-module-source-map",
    cache: true,
    debug: true,
    output: {
        filename: "[name].bundle.js",
        sourceMapFilename: "[name].map",
        chunkFilename: "[id].chunk.js"
    },

    resolve: {
        root: [path.join(__dirname, "src")],
        extensions: ["", ".ts", ".js"]
    },

    devServer: {
        historyApiFallback: true,
        watchOptions: {aggregateTimeout: 300, poll: 1000}
    },

    node: {
        global: 1,
        crypto: "empty",
        module: 0,
        Buffer: 0,
        clearImmediate: 0,
        setImmediate: 0
    }
};

var webpackMerge = require("webpack-merge");
module.exports = webpackMerge(defaultConfig, webpackConfig);

Answer 1

Zevran回答 ：

entry: {
        "polyfills": "./src/polyfills.browser.ts",
        "vendor": [
            "materialize-loader!./path/to/materialize.config.js",
            "./src/vendor.browser.ts"
        ],
        "main": "./src/main.browser.ts"
    },