npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

san-webpack-loader

v1.3.2

Published

🌈 a webpack-v4 loader for San.js ☄️

Downloads

3

Readme

文档请点这里

san-webpack-loade

Install

  npm install san-webpack-loader
  or
  yarn add san-webpack-loader

Usage

@file: webpack.config.js

// make sure the process.env.NODE_ENV is 'production' or 'development'
{
  test: /\.san$/,
  include: /src/,
  use: [
    {loader: 'babel-loader?cacheDirectory=true'},
    {
        loader: 'san-webpack-loader', options: {
            stylus: stylusOptions,
            hotReload: !isProduction,
            sourceMap: isProduction
        }
    }
  ]
}

TODO

  1. ~~webpack4 Boilerplate 多线程优化~~
  2. css in js 方案

CHANGELOG

1.2.7

[修复]

  • 移除html-loader支持,避免模板写 {{var < 2}}报错的问题

1.2.6

[新特性]

  • 模板支持导出san-store的方式如: export default connect.san

1.2.5

[修复]

  • 模板attrs大小写敏感,不会按照html标准进行转换,保留原样。1.2.3引入

1.2.4

[修复]

  • stylus options未设置,导致的报错

1.2.3

[新特性]

  • 增加sass支持

[内部变更]

  • isProduction改为config

1.2.2

[新特性]

  • san-webpack-loader的options对象支持stylus属性,可以对.san文件中的stylus部分进行配置

1.2.1

[新特性]

  • 增加less支持

1.2.0

[update]

  • 内部实现由同步loader改成异步,更好的利用多线程

1.1.3

[BUG修复]

  • 修复了windows环境下样式路径失效的问题,对os做了区分处理
  • 移除cache-loader,防止内联loader处理的样式文件被缓存后,无法被MiniCssExtractPlugin输出的问题

1.1.2

[BUG修复]

  • 随官方升级babelrc的设置,推荐在业务中使用babel.config.js

1.1.1

[新特性]

  • 升级babel依赖
  • 增加cache-loader options做文件缓存 需要安装cache-loader
  • 生产环境默认关闭sourcemap

License

MIT