在項(xiàng)目文件夾下創(chuàng)建webpack.config.js文件，該文件就是Webpack的配置文件

注意：該文件中遵循Node.js的代碼格式規(guī)范 ，需要對(duì)導(dǎo)出配置文件中的內(nèi)容

Webpack在默認(rèn)情況下只能打包js文件，如果我們希望他能夠打包其他類型的文件，我們就需要在webpack.config.js文件中使用loader進(jìn)行配置。

以CSS為例的使用步驟：

一、安裝css-loader和style-loader

在控制臺(tái)輸入如下命令

npm i css-loader -D

npm i style-loader -D

二、配置css-loader

注意：use數(shù)組中的style-loader和css-loader順序不能改變

module.exports = {mode: "production", // 設(shè)置打包的模式：production生產(chǎn)模式  development開發(fā)模式module: {rules: [// 配置CSS文件{test: /\.css$/i,  // 選擇css文件use: ['style-loader', 'css-loader'],  // 使用style加載器和css加載器}]}
}

三、js代碼中引入css文件?

打包后即可在js文件中看到該樣式