【笔记】Webpack打包Less文件

发表于 更新于 阅读次数：

前言

Webpack打包Less文件

下载依赖

  • 下载less-loader时会自动下载less
1
npm install -D less-loader

修改配置文件

webpack.config.js
1
2
3
4
5
6
7
8
9
10
module.exports = {
  module: {
    rules: [
      {
        test: /\.less$/,
        use: ["style-loader", "css-loader", "less-loader"]
      }
    ]
  }
}

引入Less文件

  • Less编译为CSS文件，并将CSS代码打包进HTML文件
1
import "./index.less";

完成