diff --git a/boilerplates/components.create.handlebars b/boilerplates/components.create.handlebars
index fa56326..1d0fa8e 100644
--- a/boilerplates/components.create.handlebars
+++ b/boilerplates/components.create.handlebars
@@ -1,5 +1,5 @@
 import React from 'react';
-{{#if css}}import styles from './{{componentName}}.css';
+{{#if css}}import styles from './{{componentName}}.{{lang}}';
 {{/if}}
 
 function {{componentName}}() {
diff --git a/boilerplates/routeComponents.create.handlebars b/boilerplates/routeComponents.create.handlebars
index 42b5de6..e8a81a9 100644
--- a/boilerplates/routeComponents.create.handlebars
+++ b/boilerplates/routeComponents.create.handlebars
@@ -1,6 +1,6 @@
 import React from 'react';
 import { connect } from 'dva';
-{{#if css}}import styles from './{{componentName}}.css';
+{{#if css}}import styles from './{{componentName}}.{{lang}}';
 {{/if}}
 
 function {{componentName}}() {
diff --git a/src/api/components.js b/src/api/components.js
index 310c718..bae0986 100644
--- a/src/api/components.js
+++ b/src/api/components.js
@@ -10,6 +10,7 @@ import { existsSync } from 'fs';
 
 export function create(payload) {
   assert(payload.componentName, 'api/components/create: payload should have componentName');
+  payload.lang = payload.lang || 'css';
   const template = getTemplate('components.create');
   const source = template(payload);
   const filePath = join(payload.sourcePath, payload.filePath);
@@ -22,7 +23,7 @@ export function create(payload) {
     if (en) {
       cssFilePath = filePath.slice(0, filePath.lastIndexOf(en));
     }
-    cssFilePath = cssFilePath + '.css';
+    cssFilePath = cssFilePath + '.' + payload.lang;
     writeFile(cssFilePath, `\r\n.normal {\r\n}\r\n`);
   }
 }
diff --git a/src/api/routeComponents.js b/src/api/routeComponents.js
index 60cfa8a..10ae100 100644
--- a/src/api/routeComponents.js
+++ b/src/api/routeComponents.js
@@ -12,6 +12,7 @@ import j from 'jscodeshift';
 
 export function create(payload) {
   assert(payload.componentName, 'api/routeComponents/create: payload should have componentName');
+  payload.lang = payload.lang || 'css';
   const template = getTemplate('routeComponents.create');
   const source = template(payload);
   const filePath = join(payload.sourcePath, payload.filePath);
@@ -24,7 +25,7 @@ export function create(payload) {
     if (en) {
       cssFilePath = filePath.slice(0, filePath.lastIndexOf(en));
     }
-    cssFilePath = cssFilePath + '.css';
+    cssFilePath = cssFilePath + '.' + payload.lang;
     writeFile(cssFilePath, `\r\n.normal {\r\n}\r\n`);
   }
 }