css - 将 css-loader style-loader 与 webpack 一起使用时，我的 css 文件被剪切（截断）

Question

我刚刚意识到我的 css 文件在通过 webpack 加载时被切断了。我可以用于文件的行数是否有限制？我的文件有 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')
        }
    };
};

标签： csswebpackwebpack-style-loadercss-loader