老师帮忙检查一下吧

{
  "name": "webpack-css",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "webpack": "webpack"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "css-loader": "^4.1.1",
    "html-webpack-plugin": "^4.3.0",
    "mini-css-extract-plugin": "^0.9.0",
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12"
  }
}

这个是package.json文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        console.log(123);
    </script>
</body>
</html>

这个是html文件

1	`import` `'./index.css';`

这一行是index.js代码。老师，这里是不是得把两个css文件都引入啊，我看就引入了一个也没报错。

辛苦老师解答。

qq_慕仰20210716 2022-07-14

源自：Babel 与 Webpack 5-3 自由编程

收起

1回答

好帮手慕小李回答被采纳获得+3积分 2022-07-15 09:55:42

同学你好，css文件是否引入主要是看咱们的需求，如果说css文件有很多，我们只需要某几个，那么只需要将需要的进行引入即可。这也就是我们常说的按需加载。那么根据题目来说，要求是提供2个css，那么我们这里就需要（引入资料中提供的）两个css，然后做引入。从代码上来看package.json安装的插件配置都是没问题的，那么同学这里的webpack.config.js是如何配置的？项目目录是什么格式的，之后可以发截图给老师这边看看老师可以帮忙检查一下。

祝学习愉快！

收起回答