webpack4(2)

css

　　将我们的项目跑起来，然后在src目录下新建css文件夹与index.css 文件

　　

　　css 内容·，然后在index.js 引入

　index.css:　

body {
    background-color: pink;
}

　　index.js:　

console.log('qzy');
require('./css/index.css')

　　此时控制台会报错

　　

　　webpack 说我不认识他，除非你又合适的loader，好，此时你已经接触了webpack的四个核心概念

• 入口(entry)
• 输出(output)
• loader
• 插件(plugins)

　　loader

　　为了从 JavaScript 模块中 import 一个 CSS 文件，你需要在 module 配置中 安装并添加 style-loader 和 css-loader：

　　

npm install --save-dev style-loader css-loader