使用Webpack,我想最小化并捆绑可用的semantic.css文件here。
Webpack不会抛出任何错误消息,但输出的css与输入的css略有不同。 (CSS的工作方式不同。)
this validator表示文件中存在错误。 (但是,直接在浏览器中使用时效果很好)。这是不与Webpack合作的原因吗?
这是我的webpack.config.js文件的一部分:
output: {
path: __dirname + '/publicProduction/v2/bundle/',
filename: '[name]'
},
resolve: {
modules: ['node_modules']
},
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
query: {
presets: [
'es2015',
'stage-0'
],
plugins: []
},
exclude: /node_modules/
},
{
test: /\.css$/,
loader: ExtractTextPlugin.extract({
fallback: 'style-loader',
use: ['css-loader', 'postcss-loader']
})
},
{
test: /\.(eot|svg|ttf|woff|woff2|png|jpg|jpeg|gif)$/,
loader: 'file-loader?name=resources/[name].[ext]'
}
]
},
plugins: [
new ExtractTextPlugin('./[name]'),
new Webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
'window.$': 'jquery'
})
]