diff --git a/src/DPlayer.js b/src/DPlayer.js
index e76a1e0..18c4313 100644
--- a/src/DPlayer.js
+++ b/src/DPlayer.js
@@ -1,13 +1,11 @@
-console.log('\n %c DPlayer 1.5.0 %c http://dplayer.js.org \n\n', 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');
+import './DPlayer.scss';
 
-require('./DPlayer.scss');
-const utils = require('./utils.js');
-const svg = require('./svg.js');
-const handleOption = require('./option.js');
-const i18n = require('./i18n.js');
-const html = require('./html.js');
-const Video = require('./video.js');
-const isMobile = /mobile/i.test(window.navigator.userAgent);
+import utils, {isMobile} from './utils';
+import svg from './svg';
+import handleOption from './option';
+import i18n from './i18n';
+import html from './html';
+import Video from './video';
 
 let index = 0;
 
@@ -160,7 +158,7 @@ class DPlayer {
         const clearCheckLoadingTime = () => {
             clearInterval(this.checkLoading);
         };
-        
+
         this.animationFrame = () => {
             if (this.playedTime) {
                 this.updateBar('played', this.video.currentTime() / this.video.duration, 'width');
@@ -933,7 +931,6 @@ class DPlayer {
      * Read danmaku from API
      */
     readDanmaku () {
-        const isMobile = /mobile/i.test(window.navigator.userAgent);
         let apiurl;
         if (this.option.danmaku.maximum) {
             apiurl = `${this.option.danmaku.api}?id=${this.option.danmaku.id}&max=${this.option.danmaku.maximum}`;
diff --git a/src/index.js b/src/index.js
index 8ab4544..4afeb79 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1 +1,4 @@
+// eslint-disable-next-line
+console.log(`\n %c DPlayer ${DPLAYER_VERSION} %c http://dplayer.js.org \n\n`, 'color: #fadfa3; background: #030307; padding:5px 0;', 'background: #fadfa3; padding:5px 0;');
+
 module.exports = require('./DPlayer');
\ No newline at end of file
diff --git a/src/utils.js b/src/utils.js
index 3aaa562..c74a47f 100644
--- a/src/utils.js
+++ b/src/utils.js
@@ -35,4 +35,10 @@ module.exports = {
         }
         return actualLeft - elementScrollLeft;
     },
+
+    /**
+     * check if user is using mobile or not
+     */
+    isMobile: /mobile/i.test(window.navigator.userAgent)
+
 };
diff --git a/webpack/dev.config.js b/webpack/dev.config.js
index 29c85ec..a184b81 100644
--- a/webpack/dev.config.js
+++ b/webpack/dev.config.js
@@ -91,7 +91,10 @@ module.exports = {
     },
 
     plugins: [
-        new webpack.NamedModulesPlugin()
+        new webpack.NamedModulesPlugin(),
+        new webpack.DefinePlugin({
+            DPLAYER_VERSION: `"${require('../package.json').version}"`
+        })
     ],
 
     node: {
diff --git a/webpack/prod.config.js b/webpack/prod.config.js
index 92f3907..266d3ac 100644
--- a/webpack/prod.config.js
+++ b/webpack/prod.config.js
@@ -85,6 +85,9 @@ module.exports = {
     },
 
     plugins: [
+        new webpack.DefinePlugin({
+            DPLAYER_VERSION: `"${require('../package.json').version}"`
+        }),
         new webpack.optimize.UglifyJsPlugin({
             compress: {
                 warnings: false