search

didi / mand-mobile

💰 A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.
https://didi.github.io/mand-mobile
Apache License 2.0
3.46k stars 772 forks source link

[Codebox.name]: Codebox 这样引入样式不渲染,所有组件 import Button from 'mand-mobile/lib/button' 这样就可以 #35

Closed bin-sun closed 6 years ago

bin-sun commented 6 years ago

mand-mobile version/项目版本 1.06 os version & browser version/操作系统版本&浏览器版本 Mac OS node version, package management tool(such as npm/cnpm/yarn) & version for building errors/Node版本，包管理工具(npm/cnpm/yarn等)及版本(如果是构建异常) npm 8.9.7 recurring links(CodeSandbox is recommended)/复现链接(尽量以CodeSandbox复现)

recurring steps/复现步骤

expectant behaviors/期待行为

actual behaviors/实际行为

moyus commented 6 years ago

请详细描述下你的问题

zlab commented 6 years ago

@moyus

所有的组件都是

样式会加载

import Toast from 'mand-mobile/lib/toast';

样式不会加载

import {Toast} from 'mand-mobile;

xxyan0205 commented 6 years ago

@zlab 如果没有配置按需加载，就是全量引入，这种方式需要手动引入css文件，全量引入

按需加载中使用了babel-plugin-import, 其效果就是在编译时做如下转换：

import {Toast} from 'mand-mobile; // 全量引入，样式需手动引入， 具体引入文件参考package.json的main

⬇️⬇️⬇️

import Toast from 'mand-mobile/lib/toast'; // 按需引入，样式自动加载