当前位置: 首页 > 工具软件 > css-loader > 使用案例 >

webpack学习之 style-loader / css-loader

姚向晨
2023-12-01

继续我们上一篇的webpack学习,现在我们进一步学习 其他的配置
css-loader:用于让webpack加载这个css文件
安装:npm install css-loader -D / npm install style-loader -D
配置: package.config.js

  const path = require('path');

module.exports = {
 mode: "development",
 entry: "./src/main.js",
 output: {
   path: path.resolve(__dirname, "./build"),
   filename: "bundle.js"
 },
 module: {
   rules: [
     {
       test: /\.css$/,
       // loader:"css-loader" //写法一
       // use: ["css-loader"]//写法二
       // 写法三
       use: [
         { loader: "style-loader" },
         { loader: "css-loader" }
       ]
     }
   ]
 }
}

 类似资料: