如何解决WebPack 5 将 CSS 和 JS 合并为一个 JavaScript 文件
我开始在一个项目上使用 WebPack 5,我按照说明制作了 webpack.config.js 文件。
但是,如果我运行它的构建,CSS 和 JavaScript 文件将合并为一个有几 MB 的 JavaScript 文件。
WebPack 是否可以将 CSS 和 JS 文件分开?
module.exports = {
entry: {
application: "./bundle/index.js"
},mode: (process.env.NODE_ENV === "production") ? "production" : "development",module: {
rules: [
{
test: /\.(css)$/i,use: [
"style-loader","css-loader"
],},{
test: /\.s[ac]ss$/i,"css-loader","sass-loader"
]
},{
test: /\.(js)$/i,use: {
loader: "babel-loader"
},exclude: /node_modules/,],plugins: [
new WebpackManifestPlugin({
fileName: "manifest.json"
}),new MiniCssExtractPlugin({
filename: "[name]-[contenthash].css"
})
],resolve: {
extensions: [".js",".jsx"],output: {
filename: "[name]-[fullhash].js",chunkFilename: "[id]-[chunkhash].js",path: path.join(__dirname,"www","assets"),publicPath: ""
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。