webpack使用css

cnpm install  webpack@^5.23.0 --save-dev
cnpm i webpack-cli@^4.5.0 --save-dev
cnpm i less-loader@6.0.0 --save-dev
cnpm i style-loader --save-dev
cnpm i css-loader --save-dev

file.js
import css from "../css/vue.css";

webpack.config.js

module.exports = {
  module: {
    rules: [{
      test: /\.css$/i,
      // css-loader只负责css文件进行加载
      // style-loader负责将样式添加到DOM中
      // 使用多个loader时,从右向左加载
      use: ["style-loader", "css-loader"],
    }, ],
  },
};

build

posted @ 2021-07-07 11:01  thomas_blog  阅读(49)  评论(0编辑  收藏  举报