diff --git a/.webpackrc.js b/.webpackrc.js
index 2722109c41b72234910de0be221d4584411e4af2..da3cc37c8722154fca114975bf6a8844d7c93740 100755
--- a/.webpackrc.js
+++ b/.webpackrc.js
@@ -28,6 +28,9 @@ export default {
   publicPath: '/',
   disableDynamicImport: true,
   hash: true,
+  lessLoaderOptions: {
+    javascriptEnabled: true,
+  },
   cssLoaderOptions: {
     modules: true,
     getLocalIdent: (context, localIdentName, localName) => {
diff --git a/package.json b/package.json
index 7bc53e6634b83ad5568e9d95728427144e3bad98..42afd63101a4b3c0e366c725315604bffb49486b 100755
--- a/package.json
+++ b/package.json
@@ -24,13 +24,12 @@
   "dependencies": {
     "@antv/data-set": "^0.8.0",
     "antd": "^3.6.2",
-    "bizcharts": "^3.1.5",
+    "bizcharts": "^3.1.8",
     "bizcharts-plugin-slider": "^2.0.3",
     "classnames": "^2.2.6",
     "dva": "^2.3.1",
     "dva-loading": "^2.0.3",
     "enquire-js": "^0.2.1",
-    "less": "2.7.2",
     "lodash": "^4.17.4",
     "lodash-decorators": "^5.0.1",
     "moment": "^2.22.0",
diff --git a/src/components/Charts/MiniArea/index.js b/src/components/Charts/MiniArea/index.js
index a5526a958741b022ab708ad28f7258f057d38ecc..151fdd1cd8b37d9de33b859444ae10b47d1a74c4 100644
--- a/src/components/Charts/MiniArea/index.js
+++ b/src/components/Charts/MiniArea/index.js
@@ -4,7 +4,7 @@ import autoHeight from '../autoHeight';
 import styles from '../index.less';
 
 @autoHeight()
-export default class MiniArea extends React.Component {
+export default class MiniArea extends React.PureComponent {
   render() {
     const {
       height,