css - 使用 Webpack，是否可以只生成 CSS，不包括 output.js？

Question

我正在使用 Webpack与 extract-text-webpack-plugin .

在我的元素中，我有一些构建脚本。其中一个构建脚本应该只捆绑和缩小 CSS。由于我将 Webpack 用于其他脚本，因此我发现使用 Webpack 是个好主意，即使 我只想打包和缩小 CSS。

它工作正常，除了我无法摆脱 output.js 文件。我不想要生成的 webpack 输出文件。我只想要这个特定脚本的 CSS。

有没有办法摆脱生成的 JS？如果没有，您是否建议任何其他专门用于处理 CSS 的工具？谢谢。

Answer 1

有一个简单的方法，不需要额外的工具。

有一个简单的方法，您不需要额外的库，除非您已经在使用:webpack与 extract-text-webpack-plugin .

简而言之:

让输出的js和css文件同名，css文件会覆盖js文件。

一个真实的例子(webpack 2.x):

import path from 'path'
import ExtractTextPlugin from 'extract-text-webpack-plugin'

const config = {
  target: 'web',
  entry: {
    'one': './src/one.css',
    'two': './src/two.css'
  },
  output: {
    path: path.join(__dirname, './dist/'),
    filename: '[name].css' // output js file name is identical to css file name
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: 'css-loader'
        })
      }
    ]
  },
  plugins: [
    new ExtractTextPlugin('[name].css') // css file will override generated js file
  ]
}