Webpack无法处理Semantic-UI .css文件?

时间:2018-04-09 00:10:13

标签: css webpack semantic-ui

使用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'
        })
    ]

0 个答案:

没有答案