将css-loader样式加载器与webpack一起使用时,我的css文件被剪切(截断)

时间:2019-05-08 10:06:20

标签: css webpack webpack-style-loader css-loader

我刚刚意识到通过Webpack加载我的CSS文件时,该文件已被切断。我可用于文件的行数是否有限制?我的文件有683行,但是当我在浏览器中检查该文件时,它仅显示489行,并且未应用第489行之后的CSS。

这是我的webpack配置文件:

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

module.exports = (env) => {
    const isProduction = env === 'production';

    return {
        entry: './src/app.js',
        output: {
            path: path.join(__dirname, 'public'),
            filename: 'bundle.js'
        },
        plugins: [new CopyWebpackPlugin([
            {from:'src/resources/assets',to:'images'} 
        ])],
        module: {
            rules: [{
                loader: 'babel-loader',
                test: /\.js$/,
                exclude: /node_modules/
            }, {
                test: /\.css$/,
                use: [
                    'style-loader', 'css-loader'
                ]
            }]
        },
        devtool: isProduction ? 'source-map' : 'cheap-module-eval-source-map',
        devServer: {
            contentBase: path.join(__dirname, 'public')
        }
    };
};

0 个答案:

没有答案