演示：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?? )

問題就解決了

?

總結

以上是生活随笔為你收集整理的vonic 安装的坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。