使用 Webpack 和 postcss-loader 编译 PostCSS，无需 style-loader 和 css-loader

问题描述

我希望通过 Webpack 使用 PostCSS 编译我的 CSS。我可以使用 PostCSS CLI 手动编译它，如下所示：

postcss src/*.css -d dist/css-dist -w

我如何将其翻译成 Webpack？仅使用 postcss-loader 是否可以这样做？所有 postcss-loader 示例似乎都包含 css-loader 和 style-loader，但我认为我不想要其中任何一个。到目前为止，这是我的 webpack.config.js 文件：

const path = require('path');
const CopyPlugin = require('copy-webpack-plugin');

module.exports = {
  entry: './src/main.ts',resolve: {
    extensions: ['.ts','.tsx','.html','.js'],},module: {
    rules: [
      {
        test: /\.tsx?$/,exclude: /node_modules/,use: 'ts-loader',{
        test: /\.html$/,use: 'html-loader',{
        test: /\.css$/i,loader: 'postcss-loader',],output: {
    filename: '[name].js',path: path.resolve(__dirname,'./dist'),plugins: [
    new CopyPlugin({
      patterns: [
        { from: './src/*.html',to: '[name].[ext]' },}),};

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）