@ysfe/style-attach-loader

@ysfe/style-attach-loader

基于 style-resources-loader 改写的, 轻量级样式附加工具. 解决 vue 项目中 less 全局引入问题.

前置依赖

• node >= 8.0.0
• 4.x <= webpack < 5.x

开发指引

传送门

使用方式

以下结合 vue 应用场景, 整理使用文档

• 安装: 执行 yarn add @ysfe/style-attach-loader --dev 安装插件

• 使用:

  • 在 wepack.config.js 中, 引用插件.

    module.exports = {
      module: {
        rules: [
          {
            test: /\.less$/i,
            loader: [
              {
                 use: "style-attach-loader",
                 options: {
                    attach: (source) => {
                       // 变更 source, 支持 异步
                      return source
                    }
                 }
              },
              "css-loader",
              "less-loader",
            ],
          },
        ],
      },
    };
  

命令行参数

[其他说明事项]

版本说明

版本说明

2021 年 06 月 10 日 - 结合 style-resources-loader 插件机制, 实现此插件.