Feature/preload

.eslintrc.js

@@ -37,6 +37,7 @@ module.exports = {
     'no-eval': 0,
     'no-plusplus': 0,
     'consistent-return': 0,
+    'linebreak-style': 0
   },
   'globals': {
     "window": true,

.gitignore

@@ -7,3 +7,4 @@ test/unit/coverage
 test/e2e/reports
 selenium-debug.log
 build/.cache
+.vscode

.npmignore

@@ -0,0 +1,9 @@
+.DS_Store
+.idea
+node_modules/
+npm-debug.log
+test/unit/coverage
+test/e2e/reports
+selenium-debug.log
+build/.cache
+.vscode

README.md

@@ -1,24 +1,23 @@
 # Attention
 I'm very sorry about the lack of concern about this library Recently. So busy in doing other things and I have no time to  maintain it. I will be back in 2 about months. Thanks everyone!(20170526)
+Thanks to Chenz, because of his oblivion to vue-blu project. We generated new version of vue-blu
 
 近期其他事过于繁忙，以致没时间维护这个库了。很抱歉，不能更新和回答大家的问题。我会在大约两个月后回来继续更新维护它。谢谢大家的支持！(20170526)
 
 # Vue-Blu
 Vue-Blu is an ui components library base on VueJS and Bulma that helps you build your web application easily
 
-## Documents & Demo
-[documents & demo](https://chenz24.github.io/vue-blu/#/)
 
 ## Installation
 Blu is available on NPM
 ```
-npm install vue-blu --save
+npm install vue-bulma2 --save
 ```
 ### Quick Start
 ```
 import Vue from 'vue'
-import VueBlu from 'vue-blu'
-import 'vue-blu/dist/css/vue-blu.min.css'
+import VueBlu from 'vue-bulma2'
+import 'vue-bulma2/dist/css/vue-blu.min.css'
 
 Vue.use(VueBlu)
 
@@ -27,6 +26,12 @@ Vue.use(VueBlu)
 ## Development
 
 ```bash
+# install phyton 2.7
+If it is not installed, it is required for sass build
+# install sass
+npm install node-sass --save
+# install C++ compiler
+Modify visual studio and install C++ package
 # install dependencies
 npm install
 # serve with hot reload at localhost:8080
@@ -37,7 +42,7 @@ npm run package
 
 ## Version
 
-- 0.1.9 beta
+- 0.2.0 
 
 ## Compatibility
 

build/webpack.dev.conf.js

@@ -4,6 +4,7 @@ var merge = require('webpack-merge')
 var utils = require('./utils')
 var baseWebpackConfig = require('./webpack.base.conf')
 var HtmlWebpackPlugin = require('html-webpack-plugin')
+var PreloadWebpackPlugin = require('preload-webpack-plugin')
 
 // add hot-reload related code to entry chunks
 Object.keys(baseWebpackConfig.entry).forEach(function (name) {
@@ -29,6 +30,12 @@ module.exports = merge(baseWebpackConfig, {
       filename: 'index.html',
       template: 'index.html',
       inject: true
+    }),
+    new PreloadWebpackPlugin({
+        rel: 'preload',
+        as: 'font',
+        include: 'allAssets',
+        fileWhitelist: [/\.(woff2?|eot|ttf|otf)(\?.*)?$/i],
     })
   ]
 })

build/webpack.prod.conf.js

@@ -6,6 +6,7 @@ var merge = require('webpack-merge')
 var baseWebpackConfig = require('./webpack.base.conf')
 var ExtractTextPlugin = require('extract-text-webpack-plugin')
 var HtmlWebpackPlugin = require('html-webpack-plugin')
+var PreloadWebpackPlugin = require('preload-webpack-plugin')
 var env = process.env.NODE_ENV === 'testing'
   ? require('../config/test.env')
   : config.build.env
@@ -58,6 +59,12 @@ var webpackConfig = merge(baseWebpackConfig, {
       // necessary to consistently work with multiple chunks via CommonsChunkPlugin
       chunksSortMode: 'dependency'
     }),
+    new PreloadWebpackPlugin({
+        rel: 'preload',
+        as: 'font',
+        include: 'allAssets',
+        fileWhitelist: [/\.(woff2?|eot|ttf|otf)(\?.*)?$/i],
+    }),
     // split vendor js into its own file
     new webpack.optimize.CommonsChunkPlugin({
       name: 'vendor',