演示:https://wangdahoo.github.io/vonic/docs/#/
中文文档:https://wangdahoo.github.io/vonic-documents/#/
有dome的源码:https://github.com/wangdahoo/vonic
简单版本源码:https://github.com/wangdahoo/vonic-webpack-starter
以下是简单版本源码的启动方式:
- quick start启动命令
git clone https://github.com/wangdahoo/vonic-webpack-starter.git
cd vonic-webpack-starter
如果你已经直接下载ZIP包,并且用PHPStrom相关功能已经打开项目文件,以上两行无视,直接在Terminal运行以下命令即可
npm install -g yarn
yarn
- development 运行
npm run dev
- build 打包
npm run build
npm run dev 可能会遇到的问题
一.(node:8628) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
最终解决办法
process.noDeprecation = true
you need update:dev-server .js
var config = require('../config')
if (!process.env.NODE_ENV) {
process.env.NODE_ENV = JSON.parse(config.dev.env.NODE_ENV)
process.noDeprecation = true
}
二.Module build failed: Error: Node Sass does not yet support your current environment: Windows 64-bit
解决办法其实很简单,就是sass不支持当前的环境,那么在当前环境重新安装一下就好了
先卸载:(如果卸载不成功,直接找到node-sass文件夹,删除)
1. npm uninstall --save node-sass
再安装
2. npm install --save node-sass (cnpm install --save node-sass )
问题就解决了