项目搭建

按照之前的webpack搭建的3个文章，先搭建一个项目，并使用less写样式

项目文件如下

再安装如下的插件

yarn add --dev less less-loader css-loader style-loader postcss postcss-loader postcss-preset-env

并对webpack.config.js添加如下配置

module.exports = {

module: {
  rules: [
    {
      test: /\.ts$/,
      use: [
        {
        test: /\.less$/,
        use: [
          "style-loader",
          "css-loader",
          {
            loader: "postcss-loader",
            options: {
              postcssOptions: {
                plugins: [
                  [
                    "postcss-preset-env",
                    {
                      browsers: "last 2 versions",
                    },
                  ],
                ],
              },
            },
          },
          "less-loader",
        ],
      },
    ],
  },
};