Webpack 可以在没有 JavaScript 文件的情况下构建 PostCSS 吗？

【问题标题】：Can Webpack build PostCSS without a JavaScript file?Webpack 可以在没有 JavaScript 文件的情况下构建 PostCSS 吗？
【发布时间】：2016-01-21 02:38:28
【问题描述】：

我有一些通用的、可重用的样式表要构建，它与单个 JavaScript 文件无关。 Webpack 是否可以直接处理 PostCSS 文件？如：

module.exports = {
    module: {
        loaders: [
            { test: /\.pcss$/, loader: "postcss" },
        ]
    },
    output: {
        path: "/css/",
        filename: '[name].css'
    },
    entry: {
        bootstrap: 'pcss/base/styles.pcss'
    }
};

【问题讨论】：

标签： webpack postcss

【解决方案1】：

您可以使用file-loader 实现简单的解决方法：

entry: {
    bootstrap: 'file?name=[name].[ext]!pcss/base/styles.pcss'
}

在这种情况下，您的文件将与入口点分开保存。

【讨论】：

谢谢！做到了，尽管我仍然需要使用 ExtractTextPlugin。这确实不需要 index.js 文件。我写了一个 webpack 插件来删除那个 index.js 资产，我现在用它来删除 styles.pcss 文件。