Fix ts option

__tests__/index.test.js

@@ -21,16 +21,6 @@ describe('makeWebpackConfig', () => {
   const defaultConfig = makeWebpackConfig();
   const newRules = [{ test: /\.js$/, use: [{ loader: 'other-loader' }] }];
 
-  const originalWarn = console.warn;
-
-  beforeEach(() => {
-    console.warn = jest.fn();
-  });
-
-  afterEach(() => {
-    console.warn = originalWarn;
-  });
-
   it('Rules include js and css by default', () => {
     expect(defaultConfig.module.rules.length).toBe(DEFAULT_RULES_LENGTH);
     expect(defaultConfig.module.rules[0]).toEqual(makeJS());
@@ -48,6 +38,11 @@ describe('makeWebpackConfig', () => {
     expect(config.module.rules.find(rule => rule.test.test('.tsx'))).toEqual(ts);
   });
 
+  it('passing ts adds extensions to resolve', () => {
+    const config = makeWebpackConfig({ ts: true });
+    expect(config.resolve.extensions).toEqual(['.ts', '.tsx', '.js', '.json']);
+  });
+
   it('User can add to `rules` array', () => {
     const config = makeWebpackConfig({
       rules: [...defaultWebpackRules, ...newRules],
@@ -139,13 +134,6 @@ describe('makeWebpackConfig', () => {
     `('User can update $option', ({ option, value }) => {
       const config = makeWebpackConfig({ [option]: value });
       expect(config[option]).toBe(value);
-      expect(console.warn).not.toBeCalled();
-    });
-
-    it('warns (but allows) unrecognized config options', () => {
-      const config = makeWebpackConfig({ foo: 'bar' });
-      expect(config.foo).toBe('bar');
-      expect(console.warn).toBeCalled();
     });
   });
 });

index.js

@@ -121,10 +121,7 @@ const makeCSS = ({ cssLoaderOptions, sassLoaderOptions, use = defaultCSSUse } =
 const defaultWebpackRules = [makeJS(), makeCSS()];
 
 const makeWebpackConfig = (options = {}) => {
-  const {
-    js,
-    ts,
-    css,
+  let {
     node,
     serve,
     stats,
@@ -146,11 +143,7 @@ const makeWebpackConfig = (options = {}) => {
     ...rest
   } = options;
 
-  if (Object.keys(rest).length) {
-    for (const key in rest) {
-      console.warn(`${key} is unrecognized, but it will be added to the config.`);
-    }
-  }
+  const { js, ts, css, ...webpackOptions } = options;
 
   let customRules = rules;
 
@@ -164,10 +157,12 @@ const makeWebpackConfig = (options = {}) => {
 
   if (ts) {
     customRules = [...rules, ts === true ? makeTS() : ts];
+    resolve = { extensions: ['.ts', '.tsx', '.js', '.json'] };
   }
 
   return {
-    ...options,
+    ...webpackOptions,
+    resolve,
     mode,
     target,
     module: {