我刚刚意识到通过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')
}
};
};