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

Question

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

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

Answer 1

您可以使用 file-loader:

实施简单的解决方法

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

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

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

Can Webpack build PostCSS without a JavaScript file?

webpack

postcss