fix loc strings module name and config to bundle the strings.

samples/todo-webpart-sample/config/config.json

@@ -31,6 +31,9 @@
     "react-dom/server": "node_modules/react-dom/dist/react-dom-server.min.js"
   },
   "localizedResources": {
-    "helloWorldStrings": "webparts/helloWorld/loc/{locale}.js"
+    "todoStep1Strings": "webparts/todo-step-1/loc/{locale}.js",
+    "todoStep2Strings": "webparts/todo-step-2/loc/{locale}.js",
+    "todoStep3Strings": "webparts/todo-step-3/loc/{locale}.js",
+    "todoStep4Strings": "webparts/todo-step-4/loc/{locale}.js"
   }
 }

samples/todo-webpart-sample/src/webparts/todo-step-1/TodoWebPart.manifest.json

@@ -11,7 +11,7 @@
     "group": { "default": "Under Development" },
     "title": { "default": "Todo step 1" },
     "description": { "default": "Todo sample webpart step 1" },
-    "officeFabricIconFontName": "Page",
+    "officeFabricIconFontName": "BulletedList",
     "properties": {
       "description": "Todo"
     }

samples/todo-webpart-sample/src/webparts/todo-step-1/TodoWebPart.ts

@@ -6,7 +6,7 @@ import {
   PropertyPaneTextField
 } from '@microsoft/sp-client-preview';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep1Strings';
 import Todo, { ITodoProps } from './components/Todo';
 import { ITodoWebPartProps } from './ITodoWebPartProps';
 

samples/todo-webpart-sample/src/webparts/todo-step-1/loc/mystrings.d.ts

@@ -1,10 +1,10 @@
-declare interface ITodoStrings {
+declare interface ITodoStep1Strings {
   PropertyPaneDescription: string;
   BasicGroupName: string;
   DescriptionFieldLabel: string;
 }
 
-declare module 'todoStrings' {
-  const strings: ITodoStrings;
+declare module 'todoStep1Strings' {
+  const strings: ITodoStep1Strings;
   export = strings;
 }

samples/todo-webpart-sample/src/webparts/todo-step-2/components/Todo.tsx

@@ -21,7 +21,7 @@ import {
 import TodoForm from './TodoForm';
 import TodoTabs from './TodoTabs';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep2Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-2/components/TodoForm.tsx

@@ -16,7 +16,7 @@ import {
   ITodoTask,
   ItemOperationCallback
 } from '../ITodoWebPartProps';
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep2Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-2/components/TodoItem.tsx

@@ -24,7 +24,7 @@ import {
   ItemOperationCallback
 } from '../ITodoWebPartProps';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep2Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-2/components/TodoTabs.tsx

@@ -23,7 +23,7 @@ import {
 
 import TodoList from './TodoList';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep2Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-2/loc/mystrings.d.ts

@@ -1,4 +1,4 @@
-declare interface ITodoStrings {
+declare interface ITodoStep2Strings {
   TodoListTitle: string;
   TodoListTabNameAllTasks: string;
   TodoListTabNameCompleted: string;
@@ -33,7 +33,7 @@ declare interface ITodoStrings {
   TitleEmptyErrorMessage: string;
 }
 
-declare module 'todoStrings' {
-  const strings: ITodoStrings;
+declare module 'todoStep2Strings' {
+  const strings: ITodoStep2Strings;
   export = strings;
 }

samples/todo-webpart-sample/src/webparts/todo-step-3/TodoWebPart.tsx

@@ -39,7 +39,7 @@ import {
 } from './ITodoWebPartProps';
 
 import Todo, { ITodoProps } from './components/Todo';
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep3Strings';
 import styles from './style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-3/components/Todo.tsx

@@ -21,7 +21,7 @@ import {
 import TodoForm from './TodoForm';
 import TodoTabs from './TodoTabs';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep3Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-3/components/TodoForm.tsx

@@ -16,7 +16,7 @@ import {
   ITodoTask,
   ItemOperationCallback
 } from '../ITodoWebPartProps';
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep3Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-3/components/TodoItem.tsx

@@ -24,7 +24,7 @@ import {
   ItemOperationCallback
 } from '../ITodoWebPartProps';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep3Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-3/components/TodoTabs.tsx

@@ -23,7 +23,7 @@ import {
 
 import TodoList from './TodoList';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep3Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-3/dataProviders/TodoDataProvider.ts

@@ -14,7 +14,7 @@ import {
   ITodoTaskList
 } from '../ITodoWebPartProps';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep3Strings';
 
 /**
  * TodoDataProvider interact with current sharepoint site to accomplish

samples/todo-webpart-sample/src/webparts/todo-step-3/loc/mystrings.d.ts

@@ -1,4 +1,4 @@
-declare interface ITodoStrings {
+declare interface ITodoStep3Strings {
   TodoListTitle: string;
   TodoListTabNameAllTasks: string;
   TodoListTabNameCompleted: string;
@@ -33,7 +33,7 @@ declare interface ITodoStrings {
   TitleEmptyErrorMessage: string;
 }
 
-declare module 'todoStrings' {
-  const strings: ITodoStrings;
+declare module 'todoStep3Strings' {
+  const strings: ITodoStep3Strings;
   export = strings;
 }

samples/todo-webpart-sample/src/webparts/todo-step-4/TodoWebPart.tsx

@@ -39,7 +39,7 @@ import {
 } from './ITodoWebPartProps';
 
 import Todo, { ITodoProps } from './components/Todo';
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep4Strings';
 import styles from './style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-4/components/Todo.tsx

@@ -21,7 +21,7 @@ import {
 import TodoForm from './TodoForm';
 import TodoTabs from './TodoTabs';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep4Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-4/components/TodoForm.tsx

@@ -16,7 +16,7 @@ import {
   ITodoTask,
   ItemOperationCallback
 } from '../ITodoWebPartProps';
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep4Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-4/components/TodoItem.tsx

@@ -24,7 +24,7 @@ import {
   ItemOperationCallback
 } from '../ITodoWebPartProps';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep4Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-4/components/TodoTabs.tsx

@@ -23,7 +23,7 @@ import {
 
 import TodoList from './TodoList';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep4Strings';
 import styles from '../style/Todo.module.scss';
 
 /**

samples/todo-webpart-sample/src/webparts/todo-step-4/dataProviders/TodoDataProvider.ts

@@ -14,7 +14,7 @@ import {
   ITodoTaskList
 } from '../ITodoWebPartProps';
 
-import * as strings from 'todoStrings';
+import * as strings from 'todoStep4Strings';
 
 /**
  * TodoDataProvider interact with current sharepoint site to accomplish

samples/todo-webpart-sample/src/webparts/todo-step-4/loc/mystrings.d.ts

@@ -1,4 +1,4 @@
-declare interface ITodoStrings {
+declare interface ITodoStep4Strings {
   TodoListTitle: string;
   TodoListTabNameAllTasks: string;
   TodoListTabNameCompleted: string;
@@ -33,7 +33,7 @@ declare interface ITodoStrings {
   TitleEmptyErrorMessage: string;
 }
 
-declare module 'todoStrings' {
-  const strings: ITodoStrings;
+declare module 'todoStep4Strings' {
+  const strings: ITodoStep4Strings;
   export = strings;
 }