diff --git a/.babelrc b/.babelrc
index 3a280ba..b884d8a 100644
--- a/.babelrc
+++ b/.babelrc
@@ -8,5 +8,12 @@
     }],
     "stage-2"
   ],
-  "plugins": ["transform-vue-jsx", "transform-runtime"]
+  "env": {
+    "development":{
+      "plugins": ["transform-vue-jsx", "transform-runtime", "dynamic-import-node"]
+    },
+    "production": {
+      "plugins": ["transform-vue-jsx", "transform-runtime"]
+    }
+  }
 }
diff --git a/package.json b/package.json
index 03af8ec..5980e3d 100644
--- a/package.json
+++ b/package.json
@@ -5,10 +5,10 @@
   "description": "A vue admin template with Element UI & axios & iconfont & permission control & lint",
   "author": "Pan <panfree23@gmail.com>",
   "scripts": {
-    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
+    "dev": "cross-env BABEL_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
     "start": "npm run dev",
-    "build": "node build/build.js",
-    "build:report":"npm_config_report=true node build/build.js",
+    "build": "cross-env BABEL_ENV=production node build/build.js",
+    "build:report": "cross-env BABEL_ENV=production npm_config_report=true node build/build.js",
     "lint": "eslint --ext .js,.vue src",
     "test": "npm run lint"
   },
@@ -28,6 +28,7 @@
     "babel-eslint": "8.0.3",
     "babel-helper-vue-jsx-merge-props": "2.0.3",
     "babel-loader": "7.1.2",
+    "babel-plugin-dynamic-import-node": "1.2.0",
     "babel-plugin-syntax-jsx": "6.18.0",
     "babel-plugin-transform-runtime": "6.23.0",
     "babel-plugin-transform-vue-jsx": "3.5.0",
@@ -35,6 +36,7 @@
     "babel-preset-stage-2": "6.24.1",
     "chalk": "2.3.0",
     "copy-webpack-plugin": "4.2.3",
+    "cross-env": "^5.1.1",
     "css-loader": "0.28.7",
     "eslint": "4.13.1",
     "eslint-friendly-formatter": "3.0.0",