如何解决HtmlWebpackPlugin仅注入一个bundle.js,而不注入第二个1.bundle.js和CSS文件
我是webpack的新手,我尽力设置适当的webpack.config.js以使用html,js和scss开发一个简单的网站。 当我运行build时,我的dist文件夹确实收到了所有正确的文件,这些文件是bundle.js,1.bundle.js,styles.css和我的模板index.html。 但是,仅将bundle.js注入index.html,而不注入styles.css或1.bundle.js。 编译没有错误。
我在做什么错了?
我的webpack.config.js如下:
const path = require("path");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
mode: process.env.NODE_ENV === "production" ? "production" : "development",entry: {
home: ["./app/assets/scripts/App.js"],},output: {
filename: "bundled.js",path: path.resolve(__dirname,"dist"),module: {
rules: [
{
test: /\.scss$/,use: [
{
loader: "file-loader",options: {
name: "styles.css",{
loader: "extract-loader",{
loader: "css-loader?-url",{
loader: "postcss-loader",{
loader: "sass-loader",],plugins: [
new MiniCssExtractPlugin({
output: {
filename: "./dist/styles.css",}),new HtmlWebpackPlugin({
template: "./app/index.html",filename: "index.html",};
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。