0.1.1-alpha.0 • Published 2 years ago

@hummer/tenon-style-loader v0.1.1-alpha.0

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

Tenon Style Loader

简介

Tenon 专用的 Webpack 样式解析 Loader,用于处理进行样式转换。

安装

yarn add tenon-style-loader

插件:TenonStylePlugin

自动注入 Tenon Style Loader,使用方配置less``stylus等高阶语言时,无需关注 css-loader

插件使用如下:

import {TenonStylePlugin} from '@hummer/tenon-style-loader';
new TenonStylePlugin({
  include: []
})
参数类型说明默认值
includeArray<string>支持的 Css 高阶语言['less', 'stylus', 'sass', 'scss']

示例

// 部分 Webpack 配置
  module: {
    rules: [{
      test: /\.vue$/,
      use: {
        loader: require.resolve('@hummer/tenon-loader')
      }
    }, {
      test: /\.less$/,
      use: [require.resolve('less-loader')]
    },{
      test: /\.css$/,
      use: {
        loader: path.join(require.resolve('@hummer/tenon-style-loader'))
      }
    },]
  },
  plugins: [new TenonStylePlugin(),new VueLoaderPlugin()]