CSS/Less/Scss

安装

npm i -D css-loader style-loader
npm i -D less-loader less
npm i -D sass-loader sass

配置

文件：webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.(css|less)$/,
        // 这里有顺序
        use: [
          // 将 JS 字符串生成为 style 节点
          'style-loader',
          // 将 CSS 转化成 CommonJS 模块
          'css-loader',
          // 将 Less 编译成 CSS
          'less-loader'
        ],
        use: [
          // 将 JS 字符串生成为 style 节点
          'style-loader',
          // 将 CSS 转化成 CommonJS 模块
          'css-loader',
          // 将 Sass 编译成 CSS
          'sass-loader'
        ],
      },
    ],
  },
}

import './css.css'
import './less.less'
import './sass.scss'