使用Webpack,是否可以仅生成CSS,但不包括output.js?
我将Webpack与extract-text-webpack-plugin一起使用。
在我的项目中,我有一些构建脚本。其中一种构建脚本应该仅捆绑和缩小CSS。当我将Webpack用于其他脚本时,我发现即使我只想捆扎并缩小CSS。
也可以使用Webpack。它工作正常,但是我无法摆脱output.js
文件。我不要生成的webpack输出文件。我只想要此特定脚本的CSS。
是否有摆脱结果的JS的方法?如果没有,您是否建议使用其他任何专门用于处理CSS的工具?谢谢。
回答如下:有一种简单的方法,不需要额外的工具。
这是一种简单的方法,除了已经使用的库,您不需要其他的库: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
]
}