0.0.67 • Published 9 months ago

ahua-taro v0.0.67

Weekly downloads
-
License
MIT
Repository
-
Last release
9 months ago

ahua-taro

NPM version NPM downloads

Yara 意味着丰收,但要实现丰收,需要水。Aƕa 就像水一样,它将其核心组件的点滴汇聚成强大的客户体验流。它流淌在产品的界面上,使其生动起来。

使用

CSS-in-js

ahua-taro 是基于 linaria 的样式方案,所以需要进行相关配置:

安装依赖

yarn add @linaria/babel-preset @linaria/webpack-loader

修改配置

// config/index.js
const config = {
...
      webpackChain: (chain, webpack) => {
+      // linaria/loader 选项详见 https://github.com/callstack/linaria/blob/master/docs/BUNDLERS_INTEGRATION.md#webpack
+      chain.module
+        .rule('script')
+        .use('linariaLoader')
+        .loader('@linaria/webpack-loader')
+        .options({
+          sourceMap: process.env.NODE_ENV !== 'production',
+        });
+      chain.module // fixes https://github.com/graphql/graphql-js/issues/1272
+        .rule('mjs$')
+        .test(/\.mjs$/)
+        .include.add(/node_modules/)
+        .end()
+        .type('javascript/auto');
+      chain.merge({
+        module: {
+          rule: {
+            pageLoader: {
+              test: /pages\/.+index\.tsx$/,
+              use: [
+                {
+                  loader: path.resolve(
+                    __dirname,
+                    '../node_modules/ahua-taro/dist/page-loader',
+                  ),
+                  options: {},
+                },
+              ],
+            },
+            polyfillLoader: {
+              test: /tsx?$/,
+              use: [
+                {
+                  loader: path.resolve(
+                    __dirname,
+                    '../node_modules/ahua-taro/dist/polyfill-loader.js',
+                  ),
+                  options: {},
+                },
+              ],
+            },
+          },
+        },
+      });
...
}

根目录添加 linaria.config.js 文件

// linaria.config.js
// linaria 配置详见 https://github.com/callstack/linaria/blob/master/docs/CONFIGURATION.md#options
module.exports = {
  rules: [
    {
      action: require("@linaria/shaker").default,
    },
    {
      test: /node_modules[/\\](?!@tarojs)/,
      action: "ignore",
    },
    {
      test: /(?!.*\/ahua-taro\/dist\/page-loader\.js).*ahua-taro\/dist\/.*\.js$/,
      action: "ignore",
    },
    {
      test: /icon-set/,
      action: "ignore",
    },
  ],
};

开发

# 安装依赖
yarn install

# 编译
yarn build

# 热编译
yarn build:watch

# 本地发布
yalc publish

# 其他项目安装本地发布的包
yalc add ahua-taro

# 修改版本号
yarn version

# 发布到npm
npm publish
0.0.67

9 months ago

0.0.65

10 months ago

0.0.66

10 months ago

0.0.62

12 months ago

0.0.63

12 months ago

0.0.64

12 months ago

0.0.61

12 months ago

0.0.60

1 year ago

0.0.59

1 year ago

0.0.58

1 year ago

0.0.55

1 year ago

0.0.56

1 year ago

0.0.57

1 year ago

0.0.51

1 year ago

0.0.52

1 year ago

0.0.53

1 year ago

0.0.54

1 year ago

0.0.50

1 year ago

0.0.49

1 year ago

0.0.48

1 year ago

0.0.46

2 years ago

0.0.47

2 years ago

0.0.44

2 years ago

0.0.45

2 years ago

0.0.40

2 years ago

0.0.41

2 years ago

0.0.42

2 years ago

0.0.43

2 years ago

0.0.37

2 years ago

0.0.38

2 years ago

0.0.39

2 years ago

0.0.31

2 years ago

0.0.32

2 years ago

0.0.33

2 years ago

0.0.34

2 years ago

0.0.35

2 years ago

0.0.36

2 years ago

0.0.22

2 years ago

0.0.23

2 years ago

0.0.24

2 years ago

0.0.25

2 years ago

0.0.30

2 years ago

0.0.26

2 years ago

0.0.27

2 years ago

0.0.28

2 years ago

0.0.29

2 years ago

0.0.20

2 years ago

0.0.21

2 years ago

0.0.12

2 years ago

0.0.13

2 years ago

0.0.14

2 years ago

0.0.15

2 years ago

0.0.16

2 years ago

0.0.17

2 years ago

0.0.18

2 years ago

0.0.19

2 years ago

0.0.11

2 years ago

0.0.10

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago